mirror of
https://gitee.com/lab1024/smart-admin.git
synced 2025-10-03 10:46:38 +08:00
Merge branch 'sit-Carl' of https://gitee.com/carl_Ming_1/smart-admin into sit-Carl-V3
This commit is contained in:
Carl
commit
6fe7737ddb
@ -1,6 +1,6 @@
|
|||||||
# rc-busness
|
# rc-busness
|
||||||
|
|
||||||
## Build Setup aaaas
|
## Build Setup aaaasa
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
# install dependencies
|
# install dependencies
|
||||||
|
|||||||
319
rc-busness/assets/css/discount.less
Normal file
319
rc-busness/assets/css/discount.less
Normal file
@ -0,0 +1,319 @@
|
|||||||
|
@media screen and (max-width:768px){
|
||||||
|
.allmain{
|
||||||
|
.rc-top{
|
||||||
|
margin-top: 2.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
.active {
|
||||||
|
font-size: 14px;
|
||||||
|
color: #E2001A;
|
||||||
|
|
||||||
|
}
|
||||||
|
.unactive {
|
||||||
|
font-size: 14px;
|
||||||
|
color: #444444;
|
||||||
|
|
||||||
|
}
|
||||||
|
.rc-usermain{
|
||||||
|
.online{
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rc {
|
||||||
|
height: 64px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-left: 23px;
|
||||||
|
span {
|
||||||
|
display: block;
|
||||||
|
margin-left: 32px;
|
||||||
|
font-weight: bold;
|
||||||
|
|
||||||
|
}
|
||||||
|
span:first-child {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.rc-discount {
|
||||||
|
margin-left: 20px;
|
||||||
|
display: flex;
|
||||||
|
margin-top: 16px;
|
||||||
|
width: 335px;
|
||||||
|
background: #ffffff;
|
||||||
|
position: relative;
|
||||||
|
img {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.rc-contair {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: 8;
|
||||||
|
}
|
||||||
|
.rc-left {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
color: #e1001a;
|
||||||
|
text-align: center;
|
||||||
|
width: 30%;
|
||||||
|
font-weight: bold;
|
||||||
|
float: left;
|
||||||
|
height: 100%;
|
||||||
|
i {
|
||||||
|
font-style: normal;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
span {
|
||||||
|
font-size: 26px;
|
||||||
|
}
|
||||||
|
strong {
|
||||||
|
font-style: normal;
|
||||||
|
font-size: 12px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.rc-right {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
height: 100%;
|
||||||
|
i {
|
||||||
|
font-style: normal;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #e1001a;
|
||||||
|
}
|
||||||
|
.rc-userfont {
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
color: #999999;
|
||||||
|
font-size: 12px;
|
||||||
|
strong{
|
||||||
|
display: block;
|
||||||
|
margin-top: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
em {
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
.ts-stand{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: end;
|
||||||
|
padding-right: 17px;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
.ts-standard-btn{
|
||||||
|
|
||||||
|
width: 72px;
|
||||||
|
display: flex;
|
||||||
|
height: 25px;
|
||||||
|
background: #E2001A;
|
||||||
|
border-radius: 100px;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 12px;
|
||||||
|
justify-content: center;
|
||||||
|
margin-top: 8px;
|
||||||
|
|
||||||
|
}
|
||||||
|
span{
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
margin-top: 17px;
|
||||||
|
padding-left: 36px;
|
||||||
|
}
|
||||||
|
.rc-footer {
|
||||||
|
display: flex;
|
||||||
|
align-items:flex-end
|
||||||
|
span {
|
||||||
|
width: 72px;
|
||||||
|
height: 25px;
|
||||||
|
background: #e2001a;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 25px;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #ffffff;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
border-radius: 100px;
|
||||||
|
margin-right: 30px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
@media screen and (min-width: 769px){
|
||||||
|
|
||||||
|
.allmain{
|
||||||
|
.rc-top{
|
||||||
|
margin-top: 1.5rem;
|
||||||
|
}
|
||||||
|
.rs-dis{
|
||||||
|
display: flex;
|
||||||
|
flex-flow: wrap;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
.active {
|
||||||
|
font-size: 14px;
|
||||||
|
color: #E2001A;
|
||||||
|
|
||||||
|
}
|
||||||
|
.unactive {
|
||||||
|
font-size: 14px;
|
||||||
|
color: #444444;
|
||||||
|
|
||||||
|
}
|
||||||
|
.rc-usermain{
|
||||||
|
.online{
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rc {
|
||||||
|
height: 96px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-left: 23px;
|
||||||
|
justify-content: center;
|
||||||
|
span {
|
||||||
|
display: block;
|
||||||
|
margin-left: 40px;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: bold;
|
||||||
|
|
||||||
|
}
|
||||||
|
span:first-child {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.rc-discount {
|
||||||
|
margin-left: 20px;
|
||||||
|
display: flex;
|
||||||
|
margin-top: 16px;
|
||||||
|
width: 335px;
|
||||||
|
background: #ffffff;
|
||||||
|
position: relative;
|
||||||
|
img {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.rc-contair {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: 8;
|
||||||
|
}
|
||||||
|
.rc-left {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
color: #e1001a;
|
||||||
|
text-align: center;
|
||||||
|
width: 30%;
|
||||||
|
font-weight: bold;
|
||||||
|
float: left;
|
||||||
|
height: 100%;
|
||||||
|
i {
|
||||||
|
font-style: normal;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
span {
|
||||||
|
font-size: 26px;
|
||||||
|
}
|
||||||
|
strong {
|
||||||
|
font-style: normal;
|
||||||
|
font-size: 12px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.rc-right {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
height: 100%;
|
||||||
|
i {
|
||||||
|
font-style: normal;
|
||||||
|
font-size: 16px;
|
||||||
|
color: #e1001a;
|
||||||
|
}
|
||||||
|
.rc-userfont {
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
color: #999999;
|
||||||
|
font-size: 12px;
|
||||||
|
strong{
|
||||||
|
display: block;
|
||||||
|
margin-top: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
em {
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
.ts-stand{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: end;
|
||||||
|
padding-right: 17px;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
.ts-standard-btn{
|
||||||
|
|
||||||
|
width: 72px;
|
||||||
|
display: flex;
|
||||||
|
height: 25px;
|
||||||
|
background: #E2001A;
|
||||||
|
border-radius: 100px;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 12px;
|
||||||
|
justify-content: center;
|
||||||
|
margin-top: 8px;
|
||||||
|
|
||||||
|
}
|
||||||
|
span{
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
margin-top: 17px;
|
||||||
|
padding-left: 36px;
|
||||||
|
}
|
||||||
|
.rc-footer {
|
||||||
|
display: flex;
|
||||||
|
align-items:flex-end;
|
||||||
|
span {
|
||||||
|
width: 72px;
|
||||||
|
height: 25px;
|
||||||
|
background: #e2001a;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 25px;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #ffffff;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
border-radius: 100px;
|
||||||
|
margin-right: 30px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
@ -4,6 +4,19 @@ body{
|
|||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
color: #666;
|
color: #666;
|
||||||
}
|
}
|
||||||
|
//用户光点
|
||||||
|
.rc-screen-reader{
|
||||||
|
width: 0.81rem;
|
||||||
|
height: 0.81rem;
|
||||||
|
border-radius: 50%;
|
||||||
|
position: absolute;
|
||||||
|
background-color: red;
|
||||||
|
top: 16%;
|
||||||
|
left: 66%;
|
||||||
|
display: block;
|
||||||
|
width: 0.37rem;
|
||||||
|
height: 0.37rem;
|
||||||
|
}
|
||||||
img, picture {
|
img, picture {
|
||||||
display: block;
|
display: block;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
|
|||||||
@ -6,6 +6,9 @@
|
|||||||
background-color: #E1001A;
|
background-color: #E1001A;
|
||||||
}
|
}
|
||||||
@media screen and (max-width:768px){
|
@media screen and (max-width:768px){
|
||||||
|
.ul-dog{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
.searchBara{
|
.searchBara{
|
||||||
position: fixed;
|
position: fixed;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -273,6 +276,7 @@
|
|||||||
}
|
}
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-top: 0.45rem;
|
margin-top: 0.45rem;
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.active {
|
.active {
|
||||||
@ -286,22 +290,28 @@
|
|||||||
color: #444444;
|
color: #444444;
|
||||||
border: 1px solid #D7D7D7;
|
border: 1px solid #D7D7D7;
|
||||||
}
|
}
|
||||||
|
// .usermain{
|
||||||
|
// display: none;
|
||||||
|
// }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@media screen and (min-width: 769px)
|
@media screen and (min-width: 769px)
|
||||||
{
|
{
|
||||||
|
.rc-selection{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
.sw-center{
|
.sw-center{
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.useraimg{
|
.useraimg{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 29.31rem;
|
// height: 29.31rem;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
}
|
}
|
||||||
.van-swipe-item {
|
.van-swipe-item {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
height: 29.31rem;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
font-size: 1.25rem;
|
font-size: 1.25rem;
|
||||||
line-height: 9.375rem;
|
line-height: 9.375rem;
|
||||||
@ -314,13 +324,19 @@ object-fit: cover;
|
|||||||
margin-top: 2.875rem;
|
margin-top: 2.875rem;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
position: relative;
|
position: relative;
|
||||||
//margin-top: 9.375rem;
|
// margin-top: 9.375rem;
|
||||||
#xxxFullScreen {
|
#xxxFullScreen {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
margin-top: 100px;
|
// margin-top: 100px;
|
||||||
#swiper1 {
|
#swiper1 {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
margin-top: 2.31rem;
|
||||||
|
|
||||||
|
h2{
|
||||||
|
padding-bottom: 5rem;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.swiper-container2 {
|
.swiper-container2 {
|
||||||
@ -463,8 +479,14 @@ img{
|
|||||||
|
|
||||||
}
|
}
|
||||||
.rc-max-width--xl {
|
.rc-max-width--xl {
|
||||||
|
|
||||||
.rc-ma
|
.rc-ma
|
||||||
{
|
{
|
||||||
|
.rc-margin-y--xl{
|
||||||
|
margin-bottom: 1.88rem;
|
||||||
|
}
|
||||||
|
// padding:60px 0;
|
||||||
|
|
||||||
.ul-zhuan{
|
.ul-zhuan{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -491,21 +513,71 @@ img{
|
|||||||
margin-left:1.25rem;
|
margin-left:1.25rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
margin-bottom: 0;
|
||||||
|
h2{
|
||||||
|
margin-top:2.31rem;
|
||||||
|
padding-bottom: 0.62rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
.usermain{
|
||||||
|
margin-top: 2.5rem;
|
||||||
|
padding-bottom: 2.82rem;
|
||||||
|
.ul-dog{
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
flex-direction: row;
|
||||||
|
|
||||||
|
span{
|
||||||
|
margin-top: 2.5rem;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
img{
|
||||||
|
width: 9.5rem;
|
||||||
|
height: 9.5rem;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
li{
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 16px;
|
||||||
|
width: 9.875rem;
|
||||||
|
text-align: center;
|
||||||
|
height: 9.875rem;
|
||||||
|
background: #F6F6F6;
|
||||||
|
border-radius: 50%;
|
||||||
|
margin-left:3rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.rc-main{
|
.rc-main{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-top: 2.5rem;
|
margin-top: 2.5rem;
|
||||||
|
|
||||||
|
.rc-text--center{
|
||||||
|
margin-top: 4.8rem;
|
||||||
|
|
||||||
|
}
|
||||||
.van-tabs{
|
.van-tabs{
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.selectionswitch{
|
.selectionswitch{
|
||||||
|
|
||||||
|
.rc-text--center{
|
||||||
|
margin-top: 4.8rem;
|
||||||
|
}
|
||||||
.van-tabs{
|
.van-tabs{
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
.rc-selection{
|
.rc-selection{
|
||||||
|
display: none;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
ol{
|
ol{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|||||||
195
rc-busness/assets/css/integral.less
Normal file
195
rc-busness/assets/css/integral.less
Normal file
@ -0,0 +1,195 @@
|
|||||||
|
@media screen and (max-width:768px){
|
||||||
|
.rc-button{
|
||||||
|
width: 100%;
|
||||||
|
height: 80px;
|
||||||
|
background: #FFFFFF;
|
||||||
|
box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
margin-top: 12px;
|
||||||
|
|
||||||
|
.rc-order{
|
||||||
|
width: 164px;
|
||||||
|
height: 48px;
|
||||||
|
border: 2px solid #E2001A;
|
||||||
|
border-radius: 30px;
|
||||||
|
background: #E2001A;
|
||||||
|
text-align: center;
|
||||||
|
align-items: center;
|
||||||
|
line-height: 48px;
|
||||||
|
span{
|
||||||
|
font-size: 16px;
|
||||||
|
display: block;
|
||||||
|
color: #FFFFFF;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.rc-usermain{
|
||||||
|
width: 92%;
|
||||||
|
margin: 0 auto;
|
||||||
|
|
||||||
|
ul{
|
||||||
|
height: 70px;
|
||||||
|
display: block;
|
||||||
|
border-bottom: 1px solid #D8D8D8;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 16px;
|
||||||
|
color: #444444;
|
||||||
|
li{
|
||||||
|
float: left;
|
||||||
|
width: 30%;
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
li:after{
|
||||||
|
// height: 2px;
|
||||||
|
// border: 1px solid red;
|
||||||
|
// display: block;
|
||||||
|
content:"|";
|
||||||
|
color: #707070;
|
||||||
|
margin-left: 5px;
|
||||||
|
|
||||||
|
}
|
||||||
|
li:last-child:after{
|
||||||
|
content:"";
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ol{
|
||||||
|
li{
|
||||||
|
font-style: normal;
|
||||||
|
display: block;
|
||||||
|
height: 32px;
|
||||||
|
margin-top: 16px;
|
||||||
|
display: flex;
|
||||||
|
// justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
color: #666666;
|
||||||
|
font-size: 14px;
|
||||||
|
text-align: center;
|
||||||
|
i{
|
||||||
|
font-style: normal;
|
||||||
|
display: block;
|
||||||
|
width: 40%;
|
||||||
|
}
|
||||||
|
span{
|
||||||
|
font-style: normal;
|
||||||
|
display: block;
|
||||||
|
width: 36%;
|
||||||
|
}
|
||||||
|
em{
|
||||||
|
font-style: normal;
|
||||||
|
display: block;
|
||||||
|
width: 23%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 769px)
|
||||||
|
{
|
||||||
|
|
||||||
|
.rc-button{
|
||||||
|
width: 100%;
|
||||||
|
height: 80px;
|
||||||
|
background: #FFFFFF;
|
||||||
|
box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
margin-top: 12px;
|
||||||
|
display: none;
|
||||||
|
|
||||||
|
.rc-order{
|
||||||
|
width: 164px;
|
||||||
|
height: 48px;
|
||||||
|
border: 2px solid #E2001A;
|
||||||
|
border-radius: 30px;
|
||||||
|
background: #E2001A;
|
||||||
|
text-align: center;
|
||||||
|
align-items: center;
|
||||||
|
line-height: 48px;
|
||||||
|
span{
|
||||||
|
font-size: 16px;
|
||||||
|
display: block;
|
||||||
|
color: #FFFFFF;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.rc-usermain{
|
||||||
|
width: 92%;
|
||||||
|
margin: 0 auto;
|
||||||
|
margin-top: 60px;
|
||||||
|
|
||||||
|
ul{
|
||||||
|
height: 64px;
|
||||||
|
background: #F6F6F6;
|
||||||
|
border: 1px solid #D7D7D7;
|
||||||
|
opacity: 1;
|
||||||
|
border-radius: 3px 3px 0px 0px;
|
||||||
|
display: block;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 16px;
|
||||||
|
color: #444444;
|
||||||
|
li{
|
||||||
|
float: left;
|
||||||
|
width: 42%;
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
ol{
|
||||||
|
li{
|
||||||
|
font-style: normal;
|
||||||
|
display: block;
|
||||||
|
height: 48px;
|
||||||
|
margin-top: 16px;
|
||||||
|
display: flex;
|
||||||
|
border: 1px solid #D7D7D7;
|
||||||
|
// justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
color: #666666;
|
||||||
|
font-size: 14px;
|
||||||
|
text-align: center;
|
||||||
|
i{
|
||||||
|
font-style: normal;
|
||||||
|
display: block;
|
||||||
|
width: 34%;
|
||||||
|
}
|
||||||
|
span{
|
||||||
|
font-style: normal;
|
||||||
|
display: block;
|
||||||
|
width: 34%;
|
||||||
|
}
|
||||||
|
em{
|
||||||
|
font-style: normal;
|
||||||
|
display: block;
|
||||||
|
width: 34%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
11
rc-busness/assets/css/openaddress.less
Normal file
11
rc-busness/assets/css/openaddress.less
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
@media screen and (max-width:768px){
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 769px)
|
||||||
|
{
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 23 KiB |
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
BIN
rc-busness/assets/image/sub-nav-1.jpg
Normal file
BIN
rc-busness/assets/image/sub-nav-1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 132 KiB |
BIN
rc-busness/assets/image/sub-nav-2.jpg
Normal file
BIN
rc-busness/assets/image/sub-nav-2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 121 KiB |
BIN
rc-busness/assets/image/sub-nav-3.jpg
Normal file
BIN
rc-busness/assets/image/sub-nav-3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 154 KiB |
BIN
rc-busness/assets/image/sub-nav-4.jpg
Normal file
BIN
rc-busness/assets/image/sub-nav-4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
BIN
rc-busness/assets/showimage/ico-bilibili.png
Normal file
BIN
rc-busness/assets/showimage/ico-bilibili.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
rc-busness/assets/showimage/ico-weibo.png
Normal file
BIN
rc-busness/assets/showimage/ico-weibo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
rc-busness/assets/showimage/ico-zhihu.png
Normal file
BIN
rc-busness/assets/showimage/ico-zhihu.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
rc-busness/assets/showimage/qrcode-aichong.jpg
Normal file
BIN
rc-busness/assets/showimage/qrcode-aichong.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
rc-busness/assets/showimage/qrcode-chanpin.jpg
Normal file
BIN
rc-busness/assets/showimage/qrcode-chanpin.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
rc-busness/assets/showimage/qrcode-douyin.jpg
Normal file
BIN
rc-busness/assets/showimage/qrcode-douyin.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
BIN
rc-busness/assets/showimage/qrcode-royal-elite.jpg
Normal file
BIN
rc-busness/assets/showimage/qrcode-royal-elite.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
BIN
rc-busness/assets/showimage/royalcanincn-qrcode.jpg
Normal file
BIN
rc-busness/assets/showimage/royalcanincn-qrcode.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 148 KiB |
BIN
rc-busness/assets/showimage/sub-nav-1.jpg
Normal file
BIN
rc-busness/assets/showimage/sub-nav-1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 132 KiB |
BIN
rc-busness/assets/showimage/sub-nav-2.jpg
Normal file
BIN
rc-busness/assets/showimage/sub-nav-2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 121 KiB |
BIN
rc-busness/assets/showimage/sub-nav-3.jpg
Normal file
BIN
rc-busness/assets/showimage/sub-nav-3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 154 KiB |
BIN
rc-busness/assets/showimage/sub-nav-4.jpg
Normal file
BIN
rc-busness/assets/showimage/sub-nav-4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
@ -37,14 +37,18 @@
|
|||||||
</span>
|
</span>
|
||||||
<div class="ts-hover-show">
|
<div class="ts-hover-show">
|
||||||
<span class="rc-text--center">微信扫一扫</span>
|
<span class="rc-text--center">微信扫一扫</span>
|
||||||
<img src="#profiles/custom/royal_canin_profile/themes/royal_canin/images/royalcanincn-qrcode.jpg">
|
<img src="../assets/showimage/royalcanincn-qrcode.jpg">
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<a href="userlogin/login" class="rc-md-up rc-btn rc-btn--icon rc-icon ts-login--xs rc-iconography rc-interactive" aria-label="login">
|
<a class="rc-md-up rc-btn rc-btn--icon rc-icon ts-login--xs rc-iconography rc-interactive" aria-label="login" @click="turnlogin">
|
||||||
<span class="rc-screen-reader-text">
|
<span class="rc-screen-reader-text">
|
||||||
登录
|
登录
|
||||||
</span>
|
</span>
|
||||||
|
<em class="rc-screen-reader" v-show="loginornot">
|
||||||
|
|
||||||
|
</em>
|
||||||
|
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
@ -59,7 +63,7 @@
|
|||||||
translations.feature.headerbar.pin
|
translations.feature.headerbar.pin
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
<button data-js-trigger="search-bar" onclick='bindTracking(this)' evt-name='页内弹窗' evt-cat='headerBtnClick' evt-val='全文搜索' class="rc-btn rc-btn--icon rc-icon rc-search--xs rc-iconography rc-interactive" aria-label="Search" role="menuitem" data-click-modifier=".rc-hidden">
|
<button data-js-trigger="search-bar" @click='searchturn' evt-name='页内弹窗' evt-cat='headerBtnClick' evt-val='全文搜索' class="rc-btn rc-btn--icon rc-icon rc-search--xs rc-iconography rc-interactive" aria-label="Search" role="menuitem" data-click-modifier=".rc-hidden">
|
||||||
<span class="rc-screen-reader-text">translations.feature.headerbar.search</span>
|
<span class="rc-screen-reader-text">translations.feature.headerbar.search</span>
|
||||||
</button>
|
</button>
|
||||||
</li>
|
</li>
|
||||||
@ -88,7 +92,8 @@
|
|||||||
<div class="rc-full-width rc-max-width--xl rc-padding--sm">
|
<div class="rc-full-width rc-max-width--xl rc-padding--sm">
|
||||||
<ul class="rc-list rc-list--blank rc-list--align ts-list--four-column" role="menubar">
|
<ul class="rc-list rc-list--blank rc-list--align ts-list--four-column" role="menubar">
|
||||||
<li class="rc-list__item rc-list__item--group">
|
<li class="rc-list__item rc-list__item--group">
|
||||||
<img src="#profiles/custom/royal_canin_profile/themes/royal_canin/images/sub-nav/sub-nav-1.jpg" class="ts-head-img rc-margin-bottom--xs">
|
|
||||||
|
<img src="../assets/showimage/sub-nav-1.jpg" class="ts-head-img rc-margin-bottom--xs">
|
||||||
<a href="#cats" class="rc-list__header rc-margin--none" role="menuitem">猫</a>
|
<a href="#cats" class="rc-list__header rc-margin--none" role="menuitem">猫</a>
|
||||||
<ul class="rc-list rc-list--blank rc-list--align test" role="menu">
|
<ul class="rc-list rc-list--blank rc-list--align test" role="menu">
|
||||||
<li class="rc-list__item">
|
<li class="rc-list__item">
|
||||||
@ -109,7 +114,7 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="rc-list__item rc-list__item--group">
|
<li class="rc-list__item rc-list__item--group">
|
||||||
<img src="#profiles/custom/royal_canin_profile/themes/royal_canin/images/sub-nav/sub-nav-2.jpg" class="ts-head-img rc-margin-bottom--xs">
|
<img src="../assets/showimage/sub-nav-2.jpg" class="ts-head-img rc-margin-bottom--xs">
|
||||||
<a href="#dogs" class="rc-list__header rc-margin--none" role="menuitem">犬</a>
|
<a href="#dogs" class="rc-list__header rc-margin--none" role="menuitem">犬</a>
|
||||||
<ul class="rc-list rc-list--blank rc-list--align test" role="menu">
|
<ul class="rc-list rc-list--blank rc-list--align test" role="menu">
|
||||||
<li class="rc-list__item">
|
<li class="rc-list__item">
|
||||||
@ -130,7 +135,7 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="rc-list__item rc-list__item--group">
|
<li class="rc-list__item rc-list__item--group">
|
||||||
<img src="#profiles/custom/royal_canin_profile/themes/royal_canin/images/sub-nav/sub-nav-3.jpg" class="ts-head-img rc-margin-bottom--xs">
|
<img src="../assets/showimage/sub-nav-3.jpg" class="ts-head-img rc-margin-bottom--xs">
|
||||||
<a href="#tailored-nutrition" class="rc-list__header rc-margin--none" role="menuitem">定制营养方案</a>
|
<a href="#tailored-nutrition" class="rc-list__header rc-margin--none" role="menuitem">定制营养方案</a>
|
||||||
<ul class="rc-list rc-list--blank rc-list--align test" role="menu">
|
<ul class="rc-list rc-list--blank rc-list--align test" role="menu">
|
||||||
<li class="rc-list__item">
|
<li class="rc-list__item">
|
||||||
@ -142,7 +147,7 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="rc-list__item rc-list__item--group">
|
<li class="rc-list__item rc-list__item--group">
|
||||||
<img src="#profiles/custom/royal_canin_profile/themes/royal_canin/images/sub-nav/sub-nav-4.jpg" class="ts-head-img rc-margin-bottom--xs">
|
<img src="../assets/showimage/sub-nav-4.jpg" class="ts-head-img rc-margin-bottom--xs">
|
||||||
<a href="#about" class="rc-list__header rc-margin--none" role="menuitem">关于我们</a>
|
<a href="#about" class="rc-list__header rc-margin--none" role="menuitem">关于我们</a>
|
||||||
<ul class="rc-list rc-list--blank rc-list--align test" role="menu">
|
<ul class="rc-list rc-list--blank rc-list--align test" role="menu">
|
||||||
<li class="rc-list__item">
|
<li class="rc-list__item">
|
||||||
@ -325,7 +330,7 @@
|
|||||||
微信公众号
|
微信公众号
|
||||||
<div class="ts-hover-show">
|
<div class="ts-hover-show">
|
||||||
<span class="rc-text--center">微信长按识别</span>
|
<span class="rc-text--center">微信长按识别</span>
|
||||||
<img src="#profiles/custom/royal_canin_profile/themes/royal_canin/images/royalcanincn-qrcode.jpg">
|
<img src="../assets/showimage/royalcanincn-qrcode.jpg">
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
@ -375,22 +380,62 @@
|
|||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
headerScroll:false
|
headerScroll:false,
|
||||||
|
loginornot:true,//用户是否登录提示点
|
||||||
|
usermessage:null,//存储用户信息
|
||||||
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
|
//判断用户有无登录显示红点
|
||||||
|
let usernot=JSON.parse(localStorage.getItem("userInfo"));
|
||||||
|
console.log(usernot);
|
||||||
|
if(usernot==null ||usernot==undefined){
|
||||||
|
console.log(usernot);
|
||||||
|
this.loginornot=true
|
||||||
|
}else{
|
||||||
|
this.loginornot=false
|
||||||
|
this.usermessage=usernot;
|
||||||
|
}
|
||||||
|
console.log(this.loginornot);
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
|
|
||||||
bindTracking: function(){
|
bindTracking: function(){
|
||||||
console.log('bindTracking');
|
console.log('bindTracking');
|
||||||
|
},
|
||||||
|
|
||||||
|
//
|
||||||
|
//跳转搜索
|
||||||
|
searchturn(){
|
||||||
|
this.$router.push({ name: "usersearch-search",
|
||||||
|
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//判断有无登录跳转不同页面
|
||||||
|
turnlogin(){
|
||||||
|
if(this.usermessage==null||this.usermessage==undefined){
|
||||||
|
this.$router.push({ name: "userlogin-login",
|
||||||
|
params:{id:12,key:'222'}
|
||||||
|
})
|
||||||
|
}else{
|
||||||
|
this.$router.push({ name: "personal-mypersonal",
|
||||||
|
|
||||||
|
})
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
<style lang="less" scoped>
|
||||||
|
@import url("../assets/css/global.less");
|
||||||
|
|
||||||
|
</style>
|
||||||
@ -1,4 +1,4 @@
|
|||||||
<template>
|
<template>
|
||||||
<footer class="rc-bg-colour--interface-dark rc-padding-bottom--sm" role="contentinfo">
|
<footer class="rc-bg-colour--interface-dark rc-padding-bottom--sm" role="contentinfo">
|
||||||
<div class="rc-max-width--lg rc-scroll--y">
|
<div class="rc-max-width--lg rc-scroll--y">
|
||||||
<div class="footer-block1 rc-layout-container rc-five-column rc-padding-x--xs rc-border-colour--interface rc-md-up rc-padding-left--none">
|
<div class="footer-block1 rc-layout-container rc-five-column rc-padding-x--xs rc-border-colour--interface rc-md-up rc-padding-left--none">
|
||||||
@ -149,15 +149,15 @@
|
|||||||
<div class="ts-row-body">
|
<div class="ts-row-body">
|
||||||
<p>
|
<p>
|
||||||
<a href="https://weibo.com/chinaroyalcanin" target='_blank' class="rc-img--round rc-img--round--sm rc-margin-right--xs">
|
<a href="https://weibo.com/chinaroyalcanin" target='_blank' class="rc-img--round rc-img--round--sm rc-margin-right--xs">
|
||||||
<img src='#profiles/custom/royal_canin_profile/themes/royal_canin/images/ico-weibo.png'>
|
<img src="../assets/showimage/ico-weibo.png">
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<a href="https://www.zhihu.com/org/huang-jia-chong-wu-shi-pin" target='_blank' class="rc-img--round rc-img--round--sm rc-margin-right--xs">
|
<a href="https://www.zhihu.com/org/huang-jia-chong-wu-shi-pin" target='_blank' class="rc-img--round rc-img--round--sm rc-margin-right--xs">
|
||||||
<img src='#profiles/custom/royal_canin_profile/themes/royal_canin/images/ico-zhihu.png'>
|
<img src="../assets/showimage/ico-zhihu.png">
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<a href="https://space.bilibili.com/2136859062" target='_blank' class="rc-img--round rc-img--round--sm rc-margin-right--xs">
|
<a href="https://space.bilibili.com/2136859062" target='_blank' class="rc-img--round rc-img--round--sm rc-margin-right--xs">
|
||||||
<img src='#profiles/custom/royal_canin_profile/themes/royal_canin/images/ico-bilibili.png'>
|
<img src="../assets/showimage/ico-bilibili.png">
|
||||||
</a>
|
</a>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
@ -176,7 +176,7 @@
|
|||||||
<div class="rc-four-column rc-layout-container">
|
<div class="rc-four-column rc-layout-container">
|
||||||
<div class="rc-column ts-qr-container rc-text--center">
|
<div class="rc-column ts-qr-container rc-text--center">
|
||||||
<a href="weixin://dl/business/?t=xjjEG3b5Ycu" target='_blank' onclick='return bindTracking(this,2000)' evt-name='页脚跳转' evt-cat='footerLinkClick' evt-val='产品验证'>
|
<a href="weixin://dl/business/?t=xjjEG3b5Ycu" target='_blank' onclick='return bindTracking(this,2000)' evt-name='页脚跳转' evt-cat='footerLinkClick' evt-val='产品验证'>
|
||||||
<img src="#profiles/custom/royal_canin_profile/themes/royal_canin/images/qrcode-chanpin.jpg">
|
<img src="../assets/showimage/qrcode-chanpin.jpg">
|
||||||
<span>
|
<span>
|
||||||
产品验证
|
产品验证
|
||||||
</span>
|
</span>
|
||||||
@ -185,7 +185,7 @@
|
|||||||
|
|
||||||
<div class="rc-column ts-qr-container rc-text--center">
|
<div class="rc-column ts-qr-container rc-text--center">
|
||||||
<a href="weixin://dl/business/?t=BE1OA2AngRs" target='_blank' onclick='return bindTracking(this,2000)' evt-name='页脚跳转' evt-cat='footerLinkClick' evt-val='皇家爱宠荟会员中心'>
|
<a href="weixin://dl/business/?t=BE1OA2AngRs" target='_blank' onclick='return bindTracking(this,2000)' evt-name='页脚跳转' evt-cat='footerLinkClick' evt-val='皇家爱宠荟会员中心'>
|
||||||
<img src="#profiles/custom/royal_canin_profile/themes/royal_canin/images/qrcode-aichong.jpg">
|
<img src="../assets/showimage/qrcode-aichong.jpg">
|
||||||
<span>
|
<span>
|
||||||
皇家爱宠荟会员中心
|
皇家爱宠荟会员中心
|
||||||
</span>
|
</span>
|
||||||
@ -193,7 +193,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="rc-column ts-qr-container rc-text--center">
|
<div class="rc-column ts-qr-container rc-text--center">
|
||||||
<img src="#profiles/custom/royal_canin_profile/themes/royal_canin/images/qrcode-royal-elite.jpg">
|
<img src="../assets/showimage/qrcode-royal-elite.jpg">
|
||||||
<span class='rc-text-center'>
|
<span class='rc-text-center'>
|
||||||
皇家兽医精英荟
|
皇家兽医精英荟
|
||||||
</span>
|
</span>
|
||||||
@ -201,7 +201,7 @@
|
|||||||
|
|
||||||
<div class="rc-column ts-qr-container rc-text--center">
|
<div class="rc-column ts-qr-container rc-text--center">
|
||||||
<a href="https://v.douyin.com/e12mtGA/" target='_blank'>
|
<a href="https://v.douyin.com/e12mtGA/" target='_blank'>
|
||||||
<img src="#profiles/custom/royal_canin_profile/themes/royal_canin/images/qrcode-douyin.jpg">
|
<img src="../assets/showimage/qrcode-douyin.jpg">
|
||||||
<span>
|
<span>
|
||||||
皇家宠物食品抖音官方账号
|
皇家宠物食品抖音官方账号
|
||||||
</span>
|
</span>
|
||||||
@ -232,24 +232,24 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
data(){
|
data(){
|
||||||
return{
|
return{
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
components:{
|
components:{
|
||||||
|
|
||||||
},
|
},
|
||||||
methods:{
|
methods:{
|
||||||
|
|
||||||
},
|
},
|
||||||
mounted(){
|
mounted(){
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
@ -76,6 +76,7 @@ export default {
|
|||||||
},
|
},
|
||||||
// Build Configuration: https://go.nuxtjs.dev/config-build
|
// Build Configuration: https://go.nuxtjs.dev/config-build
|
||||||
build: {
|
build: {
|
||||||
|
analyze: true, assetFilter: function(assetFilename) { return assetFilename.endsWith('.js'); }
|
||||||
|
|
||||||
},
|
},
|
||||||
// axios: {
|
// axios: {
|
||||||
|
|||||||
@ -2,17 +2,17 @@
|
|||||||
|
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<!-- Suppose in header end -->
|
|
||||||
<Myheader></Myheader>
|
<Myheader></Myheader>
|
||||||
<tabs></tabs>
|
|
||||||
<unlogin></unlogin>
|
<unlogin></unlogin>
|
||||||
<!-- Suppose in header end -->
|
<!-- Suppose in header end -->
|
||||||
<van-swipe :autoplay="30000">
|
<van-swipe :autoplay="3000">
|
||||||
<van-swipe-item v-for="(banner, index) in banners" :key="index">
|
<van-swipe-item v-for="(banner, index) in banners" :key="index">
|
||||||
<img :src="banner.src" class="useraimg"/>
|
<img :src="banner.src" class="useraimg"/>
|
||||||
</van-swipe-item>
|
</van-swipe-item>
|
||||||
</van-swipe>
|
</van-swipe>
|
||||||
|
|
||||||
|
|
||||||
<div class="online bold rc-md-down" id="fixed-catbar-seperator"></div>
|
<div class="online bold rc-md-down" id="fixed-catbar-seperator"></div>
|
||||||
<!-- <div v-swiper:mySwiper="swiperOption" class="swiperWrap">
|
<!-- <div v-swiper:mySwiper="swiperOption" class="swiperWrap">
|
||||||
<div class="swiper-wrapper">
|
<div class="swiper-wrapper">
|
||||||
@ -40,12 +40,12 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="online bold rc-md-up"></div>
|
<div class="online bold rc-md-up" v-show="catproduct"></div>
|
||||||
|
|
||||||
<div class="rc-full-width">
|
<div class="rc-full-width">
|
||||||
<div class="rc-lunbo rc-full-width">
|
<div class="rc-lunbo rc-full-width">
|
||||||
<!-- <h2>明星猫粮</h2> -->
|
<!-- <h2>明星猫粮</h2> -->
|
||||||
<div class="pageFullScreen" id="xxxFullScreen" v-show="catproduct">
|
<div class="pageFullScreen" id="xxxFullScreen" v-show="catproduct" ref="mingxing">
|
||||||
<!-- 内容 -->
|
<!-- 内容 -->
|
||||||
<div class="swiper-container rc-full-width rc-padding-y--md" id="swiper1">
|
<div class="swiper-container rc-full-width rc-padding-y--md" id="swiper1">
|
||||||
<h2 class="rc-beta rc-text--center">{{usertitle}}</h2>
|
<h2 class="rc-beta rc-text--center">{{usertitle}}</h2>
|
||||||
@ -90,12 +90,15 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="online bold"></div>
|
<div class="online bold" v-show="onemao"></div>
|
||||||
<div class="selectionswitch rc-full-width rc-max-width--xl rc-padding-y--md">
|
<div class="selectionswitch rc-full-width rc-max-width--xl rc-padding-y--md" ref="usercontent" v-show="onemao">
|
||||||
<h2 class="rc-beta rc-text--center">全价猫湿粮</h2>
|
<h2 class="rc-beta rc-text--center" >全价猫湿粮</h2>
|
||||||
<van-tabs @change='catclick' class="van-tabs">
|
<van-tabs @change='catclick' class="van-tabs">
|
||||||
<van-tab v-for="(item,index) in discoun" :key="index" :title="item.title">
|
<van-tab v-for="(item,index) in discoun" :key="index" :title="item.title">
|
||||||
<div class="rc-contair">
|
<div class="rc-contair">
|
||||||
@ -124,7 +127,6 @@
|
|||||||
</nuxt-link>
|
</nuxt-link>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</van-tab>
|
</van-tab>
|
||||||
@ -182,8 +184,8 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="online bold"></div>
|
<div class="online bold" v-show="twomao"></div>
|
||||||
<div class="selectionswitch rc-full-width rc-max-width--xl rc-padding-y--md">
|
<div class="selectionswitch rc-full-width rc-max-width--xl rc-padding-y--md" v-show="twomao" ref="catgan">
|
||||||
<h2 class="rc-beta rc-text--center">全价猫干粮</h2>
|
<h2 class="rc-beta rc-text--center">全价猫干粮</h2>
|
||||||
<van-tabs @change='catclick' class="van-tabs">
|
<van-tabs @change='catclick' class="van-tabs">
|
||||||
<van-tab v-for="(item,index) in discoun" :key="index" :title="item.title">
|
<van-tab v-for="(item,index) in discoun" :key="index" :title="item.title">
|
||||||
@ -275,12 +277,76 @@
|
|||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="online bold"></div>
|
<div class="online bold" v-show="dogshow"></div>
|
||||||
|
<div class="pageFullScreen" id="xxxFullScreen" v-show="dogshow" ref="mingxing">
|
||||||
|
<!-- 内容 -->
|
||||||
|
<div class="swiper-container rc-full-width rc-padding-y--md" id="swiper1">
|
||||||
|
<div class="oc-top">
|
||||||
|
<h2 class="rc-beta rc-text--center">{{dogtitle}}</h2>
|
||||||
|
</div>
|
||||||
|
<!-- 轮播图 -->
|
||||||
|
<swiper :options="swiperOption">
|
||||||
|
<swiper-slide class="swiper-slide" v-for="(item, key) in doglistvideo" :key="key" >
|
||||||
|
<div class="rc-video">
|
||||||
|
<div class="uservideo">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="rc-right">
|
||||||
|
<img :src=item.catimage alt="">
|
||||||
|
<span>{{item.title}}</span>
|
||||||
|
<p>{{item.detail}}</p>
|
||||||
|
<em>{{item.price}}</em>
|
||||||
|
<strong class="ts-standard-btn ts-standard-btn--two center" @click="userbuy(item,index)">立即购买</strong>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="sw-center" >
|
||||||
|
<div class="rc-click" @click="selectproduce(item,index)">
|
||||||
|
<div class="uservideo">
|
||||||
|
<video width="300px" height="251" controls="controls">
|
||||||
|
<source :src= item.video type="video/ogg" autoplay>
|
||||||
|
</video>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<img :src=item.catimage alt="">
|
||||||
|
<span>{{item.title}}</span>
|
||||||
|
<p>{{item.detail}}</p>
|
||||||
|
<em>{{item.price}}</em>
|
||||||
|
</div>
|
||||||
|
<div class="rc-full-width rc-margin-y--md">
|
||||||
|
<i @click="userbuy(item,index)" class="ts-standard-btn ts-standard-btn--two center">立即购买</i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</swiper-slide>
|
||||||
|
</swiper>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="selectionswitch rc-full-width rc-max-width--xl rc-padding-y--md">
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="online bold" v-show="threemao"></div>
|
||||||
|
|
||||||
|
<div class="selectionswitch rc-full-width rc-max-width--xl rc-padding-y--md" v-show="threemao" ref="doggshi">
|
||||||
<h2 class="rc-beta rc-text--center">全价犬湿粮</h2>
|
<h2 class="rc-beta rc-text--center">全价犬湿粮</h2>
|
||||||
<van-tabs @change='userdog' class="van-tabs">
|
<van-tabs @change='userdog' class="van-tabs">
|
||||||
|
<div class="online bold rc-md-down" v-show="threemao"></div>
|
||||||
<van-tab v-for="(item,index) in dogtype" :key="index" :title="item.title">
|
<van-tab v-for="(item,index) in dogtype" :key="index" :title="item.title">
|
||||||
|
<div class="online bold" v-show="threemao"></div>
|
||||||
|
<div class="usermain">
|
||||||
|
<ul class="ul-dog usermain">
|
||||||
|
<li
|
||||||
|
v-for="(item, index) in userdoglist"
|
||||||
|
:key="index"
|
||||||
|
@click="quanshi(item, index)"
|
||||||
|
:class="activeIndex5 == index ? 'active' : 'unactive'"
|
||||||
|
>
|
||||||
|
<img :src="item.catimage" alt="">
|
||||||
|
<span>{{ item.title }}</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="rc-contair">
|
<div class="rc-contair">
|
||||||
<ul class="ts-product-list rc-margin-bottom--lg">
|
<ul class="ts-product-list rc-margin-bottom--lg">
|
||||||
<li v-for="(item,index) in dogshi" :key="index" class="rc-margin-top--md">
|
<li v-for="(item,index) in dogshi" :key="index" class="rc-margin-top--md">
|
||||||
@ -374,11 +440,28 @@
|
|||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="online bold"></div>
|
|
||||||
<div class="selectionswitch rc-full-width rc-max-width--xl rc-padding-y--md">
|
|
||||||
|
|
||||||
|
<div class="online bold" v-show="fourmao"></div>
|
||||||
|
<div class="selectionswitch rc-full-width rc-max-width--xl rc-padding-y--md" v-show="fourmao" ref="dogan">
|
||||||
<h2 class="rc-beta rc-text--center">全价犬干粮</h2>
|
<h2 class="rc-beta rc-text--center">全价犬干粮</h2>
|
||||||
<van-tabs @change='userdog' class="van-tabs">
|
<van-tabs @change='userdog' class="van-tabs">
|
||||||
|
<div class="online bold" v-show="fourmao"></div>
|
||||||
<van-tab v-for="(item,index) in dogtype" :key="index" :title="item.title">
|
<van-tab v-for="(item,index) in dogtype" :key="index" :title="item.title">
|
||||||
|
<div class="usermain">
|
||||||
|
<ul class="ul-dog usermain">
|
||||||
|
<li
|
||||||
|
v-for="(item, index) in userdoglist"
|
||||||
|
:key="index"
|
||||||
|
@click="userdoghot(item, index)"
|
||||||
|
:class="activeIndex6 == index ? 'active' : 'unactive'"
|
||||||
|
>
|
||||||
|
<img :src="item.catimage" alt="">
|
||||||
|
<span>{{ item.title }}</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
<div class="rc-contair">
|
<div class="rc-contair">
|
||||||
<ul class="ts-product-list rc-margin-bottom--lg">
|
<ul class="ts-product-list rc-margin-bottom--lg">
|
||||||
<li v-for="(item,index) in doggan" :key="index" class="rc-margin-top--md">
|
<li v-for="(item,index) in doggan" :key="index" class="rc-margin-top--md">
|
||||||
@ -470,9 +553,9 @@
|
|||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="online bold"></div>
|
<div class="online bold" v-show="fivemao"></div>
|
||||||
|
|
||||||
<div class="selectionswitch rc-full-width rc-max-width--xl rc-padding-y--md">
|
<div class="selectionswitch rc-full-width rc-max-width--xl rc-padding-y--md" v-show="fivemao" ref="chufang">
|
||||||
<h2 class="rc-beta rc-text--center">处方用粮</h2>
|
<h2 class="rc-beta rc-text--center">处方用粮</h2>
|
||||||
<van-tabs @change='userclick' class="van-tabs">
|
<van-tabs @change='userclick' class="van-tabs">
|
||||||
<van-tab v-for="(item,index) in discounchufang" :key="index" :title="item.title">
|
<van-tab v-for="(item,index) in discounchufang" :key="index" :title="item.title">
|
||||||
@ -628,7 +711,6 @@
|
|||||||
import Myheader from "~/components/header.vue";
|
import Myheader from "~/components/header.vue";
|
||||||
import Myfooter from "~/components/rc-footer.vue";
|
import Myfooter from "~/components/rc-footer.vue";
|
||||||
import unlogin from "~/components/unlogin.vue";
|
import unlogin from "~/components/unlogin.vue";
|
||||||
import tabs from "@/components/tabs.vue";
|
|
||||||
import '@vant/touch-emulator';
|
import '@vant/touch-emulator';
|
||||||
import { userquery,postCourseId,biaomessage,userque,searchchanpin } from "../ajax/getData";
|
import { userquery,postCourseId,biaomessage,userque,searchchanpin } from "../ajax/getData";
|
||||||
const settings = require("@/config");
|
const settings = require("@/config");
|
||||||
@ -640,9 +722,19 @@
|
|||||||
return{
|
return{
|
||||||
useraindex:0,
|
useraindex:0,
|
||||||
usertitle:'明星猫粮',
|
usertitle:'明星猫粮',
|
||||||
|
dogtitle:'明星狗粮',
|
||||||
processinformation:[],
|
processinformation:[],
|
||||||
catshi:[],
|
catshi:[],
|
||||||
|
userindex:0,
|
||||||
userstype:'',
|
userstype:'',
|
||||||
|
onemao:false,
|
||||||
|
twomao:false,
|
||||||
|
threemao:false,
|
||||||
|
dogshow:false,
|
||||||
|
fourmao:false,
|
||||||
|
fivemao:false,
|
||||||
|
sixmao:false,
|
||||||
|
stypechange:true,
|
||||||
userunlogin:false,
|
userunlogin:false,
|
||||||
searchBar:true,
|
searchBar:true,
|
||||||
usermessage:[],
|
usermessage:[],
|
||||||
@ -670,24 +762,13 @@
|
|||||||
gotop: false,
|
gotop: false,
|
||||||
usersetting: `${settings.rbs}`,
|
usersetting: `${settings.rbs}`,
|
||||||
activeIndex: 0,
|
activeIndex: 0,
|
||||||
|
activeIndex5:0,
|
||||||
|
activeIndex6:0,
|
||||||
activeInde2: 0,
|
activeInde2: 0,
|
||||||
activeInde3:0,
|
activeInde3:0,
|
||||||
catproduct:true,
|
catproduct:true,
|
||||||
catfood:false,
|
catfood:false,
|
||||||
|
|
||||||
dogselection:[
|
|
||||||
{
|
|
||||||
title: "小型犬",
|
|
||||||
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "中型犬",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "大型犬",
|
|
||||||
},
|
|
||||||
|
|
||||||
],
|
|
||||||
|
|
||||||
selection:[
|
selection:[
|
||||||
{
|
{
|
||||||
@ -717,7 +798,7 @@ activeInde3:0,
|
|||||||
{src:require("../assets/image/four.jpg"),link:""},
|
{src:require("../assets/image/four.jpg"),link:""},
|
||||||
],
|
],
|
||||||
|
|
||||||
doglist: [
|
userdoglist: [
|
||||||
{
|
{
|
||||||
title: "小型犬",
|
title: "小型犬",
|
||||||
catimage: require("../assets/cat.png"),
|
catimage: require("../assets/cat.png"),
|
||||||
@ -759,44 +840,51 @@ activeInde3:0,
|
|||||||
{
|
{
|
||||||
title: "明星猫粮",
|
title: "明星猫粮",
|
||||||
detail:'为10月龄及以上英国短毛猫成猫量身打造的精准营养',
|
detail:'为10月龄及以上英国短毛猫成猫量身打造的精准营养',
|
||||||
catimage: require("../assets/cat.png"),
|
catimage: require("../assets/star-cat.png"),
|
||||||
price:'￥2'
|
price:'￥2'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "猫湿粮",
|
title: "猫湿粮",
|
||||||
detail:'为10月龄及以上英国短毛猫成猫量身打造的精准营养',
|
detail:'为10月龄及以上英国短毛猫成猫量身打造的精准营养',
|
||||||
|
|
||||||
price:'￥12',
|
price:'￥12',
|
||||||
catimage: require("../assets/four.png"),
|
catimage: require("../assets/two.png"),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "猫干粮",
|
title: "猫干粮",
|
||||||
detail:'为10月龄及以上英国短毛猫成猫量身打造的精准营养',
|
detail:'为10月龄及以上英国短毛猫成猫量身打造的精准营养',
|
||||||
|
|
||||||
price:'￥102',
|
price:'￥102',
|
||||||
catimage: require("../assets/one.png"),
|
catimage: require("../assets/cat.png"),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "犬湿粮",
|
title: "明星狗粮",
|
||||||
detail:'为10月龄及以上英国短毛猫成猫量身打造的精准营养',
|
detail:'为10月龄及以上英国短毛猫成猫量身打造的精准营养',
|
||||||
|
|
||||||
price:'￥112',
|
price:'￥112',
|
||||||
catimage: require("../assets/two.png"),
|
catimage: require("../assets/six.png"),
|
||||||
|
|
||||||
},
|
},
|
||||||
{
|
|
||||||
title: "犬干粮",
|
{
|
||||||
|
title: "犬湿粮",
|
||||||
detail:'为10月龄及以上英国短毛猫成猫量身打造的精准营养',
|
detail:'为10月龄及以上英国短毛猫成猫量身打造的精准营养',
|
||||||
|
|
||||||
price:'￥112',
|
price:'￥112',
|
||||||
catimage: require("../assets/three.png"),
|
catimage: require("../assets/three.png"),
|
||||||
|
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "犬干粮",
|
||||||
|
detail:'为10月龄及以上英国短毛猫成猫量身打造的精准营养',
|
||||||
|
|
||||||
|
price:'￥112',
|
||||||
|
catimage: require("../assets/one.png"),
|
||||||
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "处方用粮",
|
title: "处方用粮",
|
||||||
detail:'为10月龄及以上英国短毛猫成猫量身打造的精准营养',
|
detail:'为10月龄及以上英国短毛猫成猫量身打造的精准营养',
|
||||||
price:'￥112',
|
price:'￥112',
|
||||||
catimage: require("../assets/six.png"),
|
catimage: require("../assets/four.png"),
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
|
|
||||||
@ -855,6 +943,38 @@ activeInde3:0,
|
|||||||
price:'¥123.45',
|
price:'¥123.45',
|
||||||
},
|
},
|
||||||
|
|
||||||
|
],
|
||||||
|
|
||||||
|
doglistvideo: [
|
||||||
|
{
|
||||||
|
title: "明星狗粮",
|
||||||
|
video:require("../assets/dog/one.mp4"),
|
||||||
|
catimage: require("../assets/dog/one.jpg"),
|
||||||
|
detail:'为10月龄及以上成犬量身打造的精准营养',
|
||||||
|
price:'¥123.45',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "狗湿粮",
|
||||||
|
video:require("../assets/dog/two.mp4"),
|
||||||
|
catimage: require("../assets/dog/two.jpg"),
|
||||||
|
detail:'为10月龄及以上英国成犬量身打造的精准营养',
|
||||||
|
price:'¥123.45',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "狗干粮",
|
||||||
|
video:require("../assets/dog/three.mp4"),
|
||||||
|
catimage: require("../assets/dog/three.jpg"),
|
||||||
|
detail:'为10月龄及以上英国犬成犬量身打造的精准营养',
|
||||||
|
price:'¥123.45',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "狗干粮",
|
||||||
|
video:require("../assets/dog/four.mp4"),
|
||||||
|
catimage: require("../assets/dog/four.jpg"),
|
||||||
|
detail:'为10月龄及以上英国成犬量身打造的精准营养',
|
||||||
|
price:'¥123.45',
|
||||||
|
},
|
||||||
|
|
||||||
],
|
],
|
||||||
fixedlist: [
|
fixedlist: [
|
||||||
{
|
{
|
||||||
@ -965,15 +1085,25 @@ activeInde3:0,
|
|||||||
components:{
|
components:{
|
||||||
Myheader,
|
Myheader,
|
||||||
Myfooter,
|
Myfooter,
|
||||||
tabs,
|
|
||||||
unlogin,
|
unlogin,
|
||||||
|
// userswiper
|
||||||
},
|
},
|
||||||
created(){
|
created(){
|
||||||
vm=this;
|
vm=this;
|
||||||
},
|
},
|
||||||
|
watch:{
|
||||||
|
},
|
||||||
mounted(){
|
mounted(){
|
||||||
|
const that = this
|
||||||
|
this.ifAdoid()
|
||||||
|
// window.onresize = () => {
|
||||||
|
// setTimeout(() => {
|
||||||
|
// this.ifAdoid()
|
||||||
|
// }, 500);
|
||||||
|
|
||||||
|
// }
|
||||||
this.usermessage= JSON.parse(localStorage.getItem("userInfo"));
|
this.usermessage= JSON.parse(localStorage.getItem("userInfo"));
|
||||||
let jump = document.querySelectorAll('.d_jump')
|
|
||||||
if(this.usermessage==null ||this.usermessage==undefined){
|
if(this.usermessage==null ||this.usermessage==undefined){
|
||||||
this.userunlogin=true
|
this.userunlogin=true
|
||||||
}
|
}
|
||||||
@ -989,8 +1119,12 @@ vm=this;
|
|||||||
window.removeEventListener('scroll', this.scrollToTop);
|
window.removeEventListener('scroll', this.scrollToTop);
|
||||||
},
|
},
|
||||||
methods:{
|
methods:{
|
||||||
ifadroind(item,index,order){
|
|
||||||
console.log(item,order);
|
|
||||||
|
|
||||||
|
ifAdoid(item,index){
|
||||||
|
console.log(index);
|
||||||
|
this.userindex=index;
|
||||||
var sUserAgent = navigator.userAgent.toLowerCase();
|
var sUserAgent = navigator.userAgent.toLowerCase();
|
||||||
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
|
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
|
||||||
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
|
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
|
||||||
@ -1000,35 +1134,158 @@ vm=this;
|
|||||||
var bIsAndroid = sUserAgent.match(/android/i) == "android";
|
var bIsAndroid = sUserAgent.match(/android/i) == "android";
|
||||||
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
|
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
|
||||||
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
|
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
|
||||||
this.activeIndex=index;
|
|
||||||
if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {
|
if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {
|
||||||
console.log("当前是电脑打开")
|
console.log("当前是电脑打开")
|
||||||
this.usertitle=item.title
|
this.stypechange=false;
|
||||||
this.catlistvideo[order]=item;
|
console.log(this.usertitle)
|
||||||
this.catproduct=true;
|
|
||||||
console.log(this.catproduct);
|
// let catshiid=document.querySelectorAll('.selectionswitch');
|
||||||
|
// catshiid[this.userindex].style.display='none';
|
||||||
|
// catshiid[this.userindex].style.display='none';
|
||||||
|
this.catproduct=true;
|
||||||
|
this.onemao=false;
|
||||||
|
this.twomao=false;
|
||||||
|
this.threemao=false;
|
||||||
|
this.fourmao=false;
|
||||||
|
this.fivemao=false;
|
||||||
|
this.sixmao=false;
|
||||||
|
this.dogshow=false
|
||||||
|
// console.log(catshiid);
|
||||||
|
}else{
|
||||||
|
console.log("当前是手机打开")
|
||||||
|
this.stypechange=true;
|
||||||
|
this.onemao=true;
|
||||||
|
this.twomao=true;
|
||||||
|
this.threemao=true;
|
||||||
|
this.fourmao=true;
|
||||||
|
this.fivemao=true;
|
||||||
|
this.dogshow=true;
|
||||||
|
this.catproduct=true
|
||||||
|
this.sixmao=true;
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
ifadroind(item,index,order){
|
||||||
|
console.log(item,index,order);
|
||||||
|
|
||||||
|
|
||||||
|
var sUserAgent = navigator.userAgent.toLowerCase();
|
||||||
|
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
|
||||||
|
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
|
||||||
|
var bIsMidp = sUserAgent.match(/midp/i) == "midp";
|
||||||
|
var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
|
||||||
|
var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
|
||||||
|
var bIsAndroid = sUserAgent.match(/android/i) == "android";
|
||||||
|
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
|
||||||
|
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
|
||||||
|
|
||||||
|
if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {
|
||||||
|
console.log("当前是电脑打开啊啊啊")
|
||||||
|
if(item.title=='明星猫粮'){
|
||||||
|
this.catproduct=true;
|
||||||
|
this.twomao=false;
|
||||||
|
this.threemao=false;
|
||||||
|
this.fourmao=false;
|
||||||
|
this.fivemao=false;
|
||||||
|
this.dogshow=false;
|
||||||
|
this.sixmao=false;
|
||||||
|
this.onemao=false;
|
||||||
|
}
|
||||||
|
if(item.title=='猫湿粮'){
|
||||||
|
this.onemao=true;
|
||||||
|
this.dogshow=false;
|
||||||
|
console.log(this.onemao);
|
||||||
|
this.twomao=false;
|
||||||
|
this.threemao=false;
|
||||||
|
this.fourmao=false;
|
||||||
|
this.fivemao=false;
|
||||||
|
this.catproduct=false;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}if(item.title=='猫干粮'){
|
||||||
|
this.onemao=false;
|
||||||
|
this.twomao=true;
|
||||||
|
this.dogshow=false;
|
||||||
|
this.threemao=false;
|
||||||
|
this.fourmao=false;
|
||||||
|
this.chufang=false;
|
||||||
|
this.catproduct=false;
|
||||||
|
}
|
||||||
|
|
||||||
|
if(item.title=='犬干粮'){
|
||||||
|
this.onemao=false;
|
||||||
|
this.twomao=false;
|
||||||
|
this.threemao=false;
|
||||||
|
this.fourmao=true;
|
||||||
|
this.chufang=false;
|
||||||
|
this.dogshow=false;
|
||||||
|
this.catproduct=false;
|
||||||
|
}
|
||||||
|
|
||||||
|
if(item.title=='犬湿粮'){
|
||||||
|
this.onemao=false;
|
||||||
|
this.twomao=false;
|
||||||
|
this.threemao=true;
|
||||||
|
this.fourmao=false;
|
||||||
|
this.chufang=false;
|
||||||
|
this.catproduct=false;
|
||||||
|
this.dogshow=false;
|
||||||
|
}
|
||||||
|
if(item.title=='处方用粮'){
|
||||||
|
this.onemao=false;
|
||||||
|
this.twomao=false;
|
||||||
|
this.threemao=false;
|
||||||
|
this.fourmao=false;
|
||||||
|
this.fivemao=true;
|
||||||
|
this.dogshow=false;
|
||||||
|
this.catproduct=false;
|
||||||
|
}
|
||||||
|
if(item.title=='明星狗粮'){
|
||||||
|
this.onemao=false;
|
||||||
|
this.twomao=false;
|
||||||
|
this.threemao=false;
|
||||||
|
this.fourmao=false;
|
||||||
|
this.fivemao=false;
|
||||||
|
this.dogshow=true;
|
||||||
|
this.catproduct=false;
|
||||||
|
}
|
||||||
|
// this.usertitle=item.title
|
||||||
|
// this.catlistvideo[order]=item;
|
||||||
|
// this.catproduct=true;
|
||||||
|
|
||||||
}else{
|
}else{
|
||||||
this.catfood=true;
|
this.catfood=true;
|
||||||
this.catproduct=false;
|
// this.catproduct=false;
|
||||||
let userindex=index
|
let userindex=index
|
||||||
console.log(item,index);
|
console.log(item,index);
|
||||||
let mingxin=document.querySelector('.pageFullScreen');
|
let mingxin=document.querySelector('.pageFullScreen');
|
||||||
|
let dogtop=document.querySelector('.oc-top');
|
||||||
|
console.log(dogtop);
|
||||||
console.log(mingxin.offsetTop);
|
console.log(mingxin.offsetTop);
|
||||||
|
if(item.title=='犬湿粮'||item.title=='犬干粮'||item.title=='处方用粮'){
|
||||||
|
userindex=userindex-2
|
||||||
|
}else{
|
||||||
|
userindex=userindex-1
|
||||||
|
}
|
||||||
if(item.title=='明星猫粮'){
|
if(item.title=='明星猫粮'){
|
||||||
mingxin.scrollIntoView(true);
|
mingxin.scrollIntoView(true);
|
||||||
}else{
|
}else{
|
||||||
let catshiid=document.querySelectorAll('.selectionswitch');
|
let catshiid=document.querySelectorAll('.selectionswitch');
|
||||||
catshiid[userindex-1].scrollIntoView(true);
|
catshiid[userindex].scrollIntoView(true);
|
||||||
}
|
}
|
||||||
|
if(item.title=='明星狗粮')
|
||||||
|
dogtop.scrollIntoView(true);
|
||||||
|
// if(item.title=="猫湿粮"){
|
||||||
|
// this.catproduct=false;
|
||||||
|
// this.catfood=true;
|
||||||
|
// }else if(item.title=="明星猫粮"){
|
||||||
|
// this.catproduct=true;
|
||||||
|
// this.catfood=false;
|
||||||
|
|
||||||
if(item.title=="猫湿粮"){
|
// }
|
||||||
this.catproduct=false;
|
|
||||||
this.catfood=true;
|
|
||||||
}else if(item.title=="明星猫粮"){
|
|
||||||
this.catproduct=true;
|
|
||||||
this.catfood=false;
|
|
||||||
|
|
||||||
}
|
|
||||||
console.log("当前是手机打开")
|
console.log("当前是手机打开")
|
||||||
|
|
||||||
}
|
}
|
||||||
@ -1072,10 +1329,13 @@ catshiid[userindex-1].scrollIntoView(true);
|
|||||||
this.toTop();
|
this.toTop();
|
||||||
},
|
},
|
||||||
handleScroll(e)
|
handleScroll(e)
|
||||||
{
|
{
|
||||||
let fixedCatbarSeperator = document.getElementById("fixed-catbar-seperator");
|
let scrolltop = document.documentElement.scrollTop || document.body.scrollTop;
|
||||||
let scrolltop = document.documentElement.scrollTop || document.body.scrollTop;
|
let fixedCatbarSeperator = document.querySelector("#fixed-catbar-seperator");
|
||||||
if((scrolltop-fixedCatbarSeperator.offsetTop)>0)
|
// console.log(fixedCatbarSeperator.offsetTop,scrolltop);
|
||||||
|
if(fixedCatbarSeperator!=='null' &&fixedCatbarSeperator!=='underfined'){
|
||||||
|
console.log('-====');
|
||||||
|
if((scrolltop-fixedCatbarSeperator.offsetTop)>0)
|
||||||
{
|
{
|
||||||
this.gotop = true
|
this.gotop = true
|
||||||
this.searchBar=false
|
this.searchBar=false
|
||||||
@ -1085,6 +1345,10 @@ catshiid[userindex-1].scrollIntoView(true);
|
|||||||
this.gotop = false;
|
this.gotop = false;
|
||||||
this.searchBar=true
|
this.searchBar=true
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
},
|
},
|
||||||
toTop() {
|
toTop() {
|
||||||
let top = document.documentElement.scrollTop || document.body.scrollTop;
|
let top = document.documentElement.scrollTop || document.body.scrollTop;
|
||||||
@ -1229,7 +1493,21 @@ catshiid[userindex-1].scrollIntoView(true);
|
|||||||
},
|
},
|
||||||
|
|
||||||
selectGoods(item,index){
|
selectGoods(item,index){
|
||||||
|
console.log(item,index);
|
||||||
|
this.activeIndex=index;
|
||||||
|
console.log(item.title);
|
||||||
this.ifadroind(item,index,this.useraindex)
|
this.ifadroind(item,index,this.useraindex)
|
||||||
|
// this.ifAdoid(item,index);
|
||||||
|
|
||||||
|
},
|
||||||
|
quanshi(item,index){
|
||||||
|
console.log(item,index);
|
||||||
|
this.activeIndex5=index
|
||||||
|
console.log(this.activeIndex5);
|
||||||
|
|
||||||
|
},
|
||||||
|
userdoghot(item,index){
|
||||||
|
this.activeIndex6=index
|
||||||
|
|
||||||
},
|
},
|
||||||
selectGo(item,index){
|
selectGo(item,index){
|
||||||
|
|||||||
265
rc-busness/pages/personal/discount.vue
Normal file
265
rc-busness/pages/personal/discount.vue
Normal file
@ -0,0 +1,265 @@
|
|||||||
|
<template>
|
||||||
|
<div class="allmain">
|
||||||
|
|
||||||
|
<Myheader></Myheader>
|
||||||
|
<div class="online bold rc-md-down" id="fixed-catbar-seperator"></div>
|
||||||
|
<!-- <tabs></tabs> -->
|
||||||
|
<div class="rc-top"></div>
|
||||||
|
<div class="rc-usermain">
|
||||||
|
<div class="online bold"></div>
|
||||||
|
<div class="rc">
|
||||||
|
<span
|
||||||
|
v-for="(item, index) in discountlist"
|
||||||
|
:key="index"
|
||||||
|
@click="selectGoods(item, index)"
|
||||||
|
:class="activeIndex == index ? 'active' : 'unactive'"
|
||||||
|
>
|
||||||
|
{{ item.title }}
|
||||||
|
</span>
|
||||||
|
<!-- <span @click="tanchu()">弹出</span> -->
|
||||||
|
</div>
|
||||||
|
<div class="online bold"></div>
|
||||||
|
|
||||||
|
<div class="rs-dis">
|
||||||
|
<div
|
||||||
|
class="rc-discount"
|
||||||
|
v-for="(item, index) in newlist"
|
||||||
|
:key="index"
|
||||||
|
>
|
||||||
|
<img :src="userimage" alt="" />
|
||||||
|
<div class="rc-contair">
|
||||||
|
<div class="rc-left" ref="userleft" id="userleft">
|
||||||
|
<div>
|
||||||
|
<i>￥</i><span>{{ item.couponAmount }}</span>
|
||||||
|
</div>
|
||||||
|
<strong>{{ item.couponName }}</strong>
|
||||||
|
</div>
|
||||||
|
<div class="rc-right">
|
||||||
|
<i>
|
||||||
|
{{ item.couponName }}
|
||||||
|
</i>
|
||||||
|
<div class="rc-userfont">
|
||||||
|
<strong>有效期</strong>
|
||||||
|
<span>{{item.validFrom}}至</span>
|
||||||
|
<em>{{ item.validTo }}</em>
|
||||||
|
</div>
|
||||||
|
<nuxt-link :to="`/productdetails/productlist`">
|
||||||
|
<div v-if="userload" class="ts-stand">
|
||||||
|
<span @click="usertiao()" class="ts-standard-btn">立即使用</span>
|
||||||
|
</div>
|
||||||
|
</nuxt-link>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {allConfig,getdraw} from "../../ajax/getData";
|
||||||
|
// import tabs from "@/components/tabs.vue";
|
||||||
|
export default {
|
||||||
|
// middleware: 'metaTitle',
|
||||||
|
// // middleware: 'metaTitle',
|
||||||
|
// meta: {title: '优惠券'},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
userload: true,
|
||||||
|
pastdue: false,
|
||||||
|
unused: false,
|
||||||
|
usermessage:[],
|
||||||
|
userstates:0,
|
||||||
|
userimage: require("../../assets/image/unused.png"),
|
||||||
|
newlist: [
|
||||||
|
{
|
||||||
|
price: "30",
|
||||||
|
pricestype: "新客优惠券",
|
||||||
|
special: "全场每满299-30",
|
||||||
|
period: "有效期",
|
||||||
|
starttime: "2021.11.29-2022.01.28",
|
||||||
|
catimage: require("../../assets/image/unused.png"),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
price: "30",
|
||||||
|
pricestype: "新客优惠券",
|
||||||
|
special: "全场每满299-30",
|
||||||
|
period: "有效期",
|
||||||
|
starttime: "2021.11.29-2022.01.28",
|
||||||
|
catimage: require("../../assets/image/unused.png"),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
price: "30",
|
||||||
|
pricestype: "新客优惠券",
|
||||||
|
special: "全场每满299-30",
|
||||||
|
period: "有效期",
|
||||||
|
starttime: "2021.11.29-2022.01.28",
|
||||||
|
catimage: require("../../assets/image/unused.png"),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
price: "30",
|
||||||
|
pricestype: "新客优惠券",
|
||||||
|
special: "全场每满299-30",
|
||||||
|
period: "有效期",
|
||||||
|
starttime: "2021.11.29-2022.01.28",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
price: "30",
|
||||||
|
pricestype: "新客优惠券",
|
||||||
|
special: "全场每满299-30",
|
||||||
|
period: "有效期",
|
||||||
|
starttime: "2021.11.29-2022.01.28",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
price: "30",
|
||||||
|
pricestype: "新客优惠券",
|
||||||
|
special: "全场每满299-30",
|
||||||
|
period: "有效期",
|
||||||
|
starttime: "2021.11.29-2022.01.28",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
price: "30",
|
||||||
|
pricestype: "新客优惠券",
|
||||||
|
special: "全场每满299-30",
|
||||||
|
period: "有效期",
|
||||||
|
starttime: "2021.11.29-2022.01.28",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
price: "30",
|
||||||
|
pricestype: "新客优惠券",
|
||||||
|
special: "全场每满299-30",
|
||||||
|
period: "有效期",
|
||||||
|
starttime: "2021.11.29-2022.01.28",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
price: "30",
|
||||||
|
pricestype: "新客优惠券",
|
||||||
|
special: "全场每满299-30",
|
||||||
|
period: "有效期",
|
||||||
|
starttime: "2021.11.29-2022.01.28",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
price: "30",
|
||||||
|
pricestype: "新客优惠券",
|
||||||
|
special: "全场每满299-30",
|
||||||
|
period: "有效期",
|
||||||
|
starttime: "2021.11.29-2022.01.28",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
discountlist: [
|
||||||
|
{
|
||||||
|
title: "未使用",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "已使用",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "已过期",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
|
||||||
|
preferential: [
|
||||||
|
{
|
||||||
|
price: "30",
|
||||||
|
pricestype: "新客优惠券",
|
||||||
|
special: "全场每满299-30",
|
||||||
|
period: "有效期",
|
||||||
|
starttime: "2021.11.29-2022.01.28",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
price: "30",
|
||||||
|
pricestype: "新客优惠券",
|
||||||
|
special: "全场每满299-30",
|
||||||
|
period: "有效期",
|
||||||
|
starttime: "2021.11.29-2022.01.28",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
price: "30",
|
||||||
|
pricestype: "新客优惠券",
|
||||||
|
special: "全场每满299-30",
|
||||||
|
period: "有效期",
|
||||||
|
starttime: "2021.11.29-2022.01.28",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
userdiscount:[],
|
||||||
|
activeIndex: 0,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
|
||||||
|
//获取用户领取的优惠券
|
||||||
|
async userdraw(mobile,states) {
|
||||||
|
let data = await getdraw(mobile,states);
|
||||||
|
if(data){
|
||||||
|
console.log(data);
|
||||||
|
this.newlist=data.data;
|
||||||
|
console.log(this.newlist);
|
||||||
|
}
|
||||||
|
|
||||||
|
},
|
||||||
|
selectGoods(item, index) {
|
||||||
|
this.activeIndex = index;
|
||||||
|
if (this.activeIndex == 1) {
|
||||||
|
this.userload = false;
|
||||||
|
this.pastdue = true;
|
||||||
|
this.userimage = require("../../assets/image/hasused.png");
|
||||||
|
this.userstates=1
|
||||||
|
this.userdraw(this.usermessage.data.mobile,0)
|
||||||
|
}
|
||||||
|
if (this.activeIndex == 0) {
|
||||||
|
this.userload = true;
|
||||||
|
this.pastdue = false;
|
||||||
|
this.userdraw(this.usermessage.data.mobile,0)
|
||||||
|
|
||||||
|
this.userstates=0
|
||||||
|
this.userimage = require("../../assets/image/unused.png");
|
||||||
|
}
|
||||||
|
if (this.activeIndex == 2) {
|
||||||
|
this.userload = false;
|
||||||
|
this.pastdue = true;
|
||||||
|
this.userdraw(this.usermessage.data.mobile,0)
|
||||||
|
this.userstates=2
|
||||||
|
this.userimage = require("../../assets/image/expired.png");
|
||||||
|
}
|
||||||
|
console.log(index);
|
||||||
|
},
|
||||||
|
|
||||||
|
usertiao(){
|
||||||
|
this.$router.push({ name: "productdetails-productlist",
|
||||||
|
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// tanchu() {
|
||||||
|
// console.log('---')
|
||||||
|
// var option = {
|
||||||
|
// customer: {id: '', name: '', email: '', mobile: '', memberId: '999999'}
|
||||||
|
// }
|
||||||
|
// dis_livchat(option);
|
||||||
|
// }
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
if(this.usermessage!=='' ||this.usermessage.data!==undefined){
|
||||||
|
this.usermessage= JSON.parse(localStorage.getItem("userInfo"));
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
this.userdraw(this.usermessage.data.mobile,);
|
||||||
|
},
|
||||||
|
components: {
|
||||||
|
Myheader,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
import Myheader from "~/components/header.vue";
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
// 手机端
|
||||||
|
@import url("../../assets/css/global.less");
|
||||||
|
@import url("../../assets/css/discount.less");
|
||||||
|
</style>
|
||||||
120
rc-busness/pages/personal/integral.vue
Normal file
120
rc-busness/pages/personal/integral.vue
Normal file
@ -0,0 +1,120 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<Myheader></Myheader>
|
||||||
|
|
||||||
|
<div class="rc-usermain ">
|
||||||
|
<ul>
|
||||||
|
<li v-for="(item,index) in userrecord" :key="index">
|
||||||
|
{{item.title}}
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<ol>
|
||||||
|
|
||||||
|
<li v-for="(item,index) in usermessage" :key="index">
|
||||||
|
<span>{{item.startDate}}</span>
|
||||||
|
<em>{{item.changeValue}}</em>
|
||||||
|
<i>{{item.remark}}</i>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
</ol>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="rc-button">
|
||||||
|
<div class="rc-order">
|
||||||
|
<span>积分兑换</span>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import Myheader from '~/components/header.vue'
|
||||||
|
import { memberAccount } from "../../ajax/getData";
|
||||||
|
export default {
|
||||||
|
data(){
|
||||||
|
return{
|
||||||
|
userrecord:[
|
||||||
|
{
|
||||||
|
title:'日期',
|
||||||
|
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title:'积分',
|
||||||
|
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title:'类型',
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
],
|
||||||
|
|
||||||
|
usermessage:[
|
||||||
|
{
|
||||||
|
title:'2021-09-11',
|
||||||
|
rccord:'+100',
|
||||||
|
buycord:'购物积分'
|
||||||
|
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title:'2021-09-11',
|
||||||
|
rccord:'+100',
|
||||||
|
buycord:'购物积分'
|
||||||
|
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title:'2021-09-11',
|
||||||
|
rccord:'+100',
|
||||||
|
buycord:'购物积分'
|
||||||
|
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title:'2021-09-11',
|
||||||
|
rccord:'+100',
|
||||||
|
buycord:'购物积分'
|
||||||
|
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title:'2021-09-11',
|
||||||
|
rccord:'+100',
|
||||||
|
buycord:'购物积分'
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
]
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods:{
|
||||||
|
//请求猫
|
||||||
|
async catmessage() {
|
||||||
|
let user= JSON.parse(localStorage.getItem("userInfo"));
|
||||||
|
let data = await memberAccount(user.data.id);
|
||||||
|
if(data){
|
||||||
|
this.usermessage=data.data;
|
||||||
|
console.log(this.usermessage.data);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
mounted(){
|
||||||
|
this.catmessage();
|
||||||
|
|
||||||
|
},
|
||||||
|
components:{
|
||||||
|
Myheader,
|
||||||
|
},
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
@import url("../../assets/css/integral.less");
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
@ -1,6 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<Myheader></Myheader>
|
<Myheader></Myheader>
|
||||||
|
<!-- <tabs></tabs> -->
|
||||||
<div class="rc-top"></div>
|
<div class="rc-top"></div>
|
||||||
<div class="rc-layout-container rc-one-column rc-full-width ts-mypersonal">
|
<div class="rc-layout-container rc-one-column rc-full-width ts-mypersonal">
|
||||||
<div class="rc-column">
|
<div class="rc-column">
|
||||||
@ -137,7 +138,11 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import Myheader from '~/components/header.vue'
|
import Myheader from '~/components/header.vue'
|
||||||
|
import tabs from "@/components/tabs.vue";
|
||||||
export default {
|
export default {
|
||||||
|
middleware: 'metaTitle',
|
||||||
|
// middleware: 'metaTitle',
|
||||||
|
meta: {title: '个人中心'},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
userlog:false,
|
userlog:false,
|
||||||
@ -196,6 +201,7 @@ export default {
|
|||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
Myheader,
|
Myheader,
|
||||||
|
tabs,
|
||||||
},
|
},
|
||||||
watch:{
|
watch:{
|
||||||
|
|
||||||
@ -332,9 +338,9 @@ obligation(item,index){
|
|||||||
return
|
return
|
||||||
|
|
||||||
}else{
|
}else{
|
||||||
if(index==2){
|
if(item.title=='收货地址'){
|
||||||
this.$router.push({
|
this.$router.push({
|
||||||
path: `/personal/useraddress/`
|
path: `/useraddress/openaddress/`
|
||||||
})
|
})
|
||||||
console.log('这是地址的跳转');
|
console.log('这是地址的跳转');
|
||||||
|
|
||||||
|
|||||||
@ -1,11 +1,10 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<Myheader></Myheader>
|
<Myheader></Myheader>
|
||||||
<div class="online" style="height:3px;width:93%;background:#DDDDDD;margin:0 auto"></div>
|
<tabs></tabs>
|
||||||
<div class="rc-header">
|
<div class="online"></div>
|
||||||
<div class="rc-main" v-for="(item,index) in goldmedal" :key="index" >
|
<div class="rc-main" v-for="(item,index) in goldmedal" :key="index" >
|
||||||
<div class="rc-border"></div>
|
<div class="rc-border"></div>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
class="mypersonal"
|
class="mypersonal"
|
||||||
v-for="(dataaddress, index) in useraddress"
|
v-for="(dataaddress, index) in useraddress"
|
||||||
@ -91,7 +90,7 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="rc-button">
|
<div class="rc-button">
|
||||||
<div class="rc-left">
|
<div class="rc-left">
|
||||||
<span>总计：</span>
|
<span>总计：</span>
|
||||||
@ -105,8 +104,11 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import Myheader from "~/components/header.vue";
|
import Myheader from "~/components/header.vue";
|
||||||
import { userin} from "../../ajax/getData";
|
import {userin} from "../../ajax/getData";
|
||||||
|
import tabs from "@/components/tabs.vue";
|
||||||
export default {
|
export default {
|
||||||
|
middleware: 'metaTitle',
|
||||||
|
meta: {title: '订单结算'},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
goldmedal:[],
|
goldmedal:[],
|
||||||
@ -164,7 +166,7 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
jiesuan(){
|
jiesuan(){
|
||||||
let userdata=this.$route.query.wxdata
|
// let userdata=this.$route.query.wxdata
|
||||||
this.$router.push({
|
this.$router.push({
|
||||||
path: "/personal/userpay",
|
path: "/personal/userpay",
|
||||||
query: {
|
query: {
|
||||||
@ -189,6 +191,7 @@ jiesuan(){
|
|||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
Myheader,
|
Myheader,
|
||||||
|
tabs
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -4,7 +4,7 @@
|
|||||||
<Myheader></Myheader>
|
<Myheader></Myheader>
|
||||||
<unlogin></unlogin>
|
<unlogin></unlogin>
|
||||||
<tabs></tabs>
|
<tabs></tabs>
|
||||||
<div class="online" ></div>
|
<div class="online" id="fixed-catbar-seperator"></div>
|
||||||
<div class="rc-top"></div>
|
<div class="rc-top"></div>
|
||||||
<div class="rc-usermain ts-product-detail rc-max-width--xl rc-layout-container rc-two-column rc-border-bottom rc-border-colour--brand4">
|
<div class="rc-usermain ts-product-detail rc-max-width--xl rc-layout-container rc-two-column rc-border-bottom rc-border-colour--brand4">
|
||||||
<!--
|
<!--
|
||||||
@ -148,7 +148,7 @@
|
|||||||
</ul>
|
</ul>
|
||||||
<div class="tuntop" @click="toTop" v-show="gotop">
|
<div class="tuntop" @click="toTop" v-show="gotop">
|
||||||
<img src="../../assets/image/turntop.png" alt="">
|
<img src="../../assets/image/turntop.png" alt="">
|
||||||
回到顶部
|
<span>回到顶部</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<Myfooter v-on:litentop='showmesg'></Myfooter>
|
<Myfooter v-on:litentop='showmesg'></Myfooter>
|
||||||
@ -231,9 +231,9 @@ import { mapMutations } from "vuex";
|
|||||||
import { goodsmessage,getConfig,postCourseId,getdraw,alldiscount } from "../../ajax/getData";
|
import { goodsmessage,getConfig,postCourseId,getdraw,alldiscount } from "../../ajax/getData";
|
||||||
const settings = require("@/config");
|
const settings = require("@/config");
|
||||||
export default {
|
export default {
|
||||||
middleware: 'metaTitle',
|
// middleware: 'metaTitle',
|
||||||
// middleware: 'metaTitle',
|
// // middleware: 'metaTitle',
|
||||||
meta: {title: '产品详情'},
|
// meta: {title: '产品详情'},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
tableLabelTest:[],
|
tableLabelTest:[],
|
||||||
@ -356,9 +356,10 @@ this.usermessage= JSON.parse(localStorage.getItem("userInfo"));
|
|||||||
...mapMutations(["changemessage"]),
|
...mapMutations(["changemessage"]),
|
||||||
handleScroll(e)
|
handleScroll(e)
|
||||||
{
|
{
|
||||||
let fixedCatbarSeperator = document.getElementById("fixed-catbar-seperator");
|
let fixedCatbarSeperator = document.querySelector("#fixed-catbar-seperator");
|
||||||
let scrolltop = document.documentElement.scrollTop || document.body.scrollTop;
|
let scrolltop = document.documentElement.scrollTop || document.body.scrollTop;
|
||||||
if((scrolltop-fixedCatbarSeperator.offsetTop))
|
if(fixedCatbarSeperator!=='null' ){
|
||||||
|
if((scrolltop-fixedCatbarSeperator.offsetTop))
|
||||||
{
|
{
|
||||||
this.gotop = true
|
this.gotop = true
|
||||||
}
|
}
|
||||||
@ -366,6 +367,8 @@ this.usermessage= JSON.parse(localStorage.getItem("userInfo"));
|
|||||||
{
|
{
|
||||||
this.gotop = false;
|
this.gotop = false;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
lianxi(item,index){
|
lianxi(item,index){
|
||||||
console.log(item,index);
|
console.log(item,index);
|
||||||
|
|||||||
81
rc-busness/pages/useraddress/addaddress.vue
Normal file
81
rc-busness/pages/useraddress/addaddress.vue
Normal file
@ -0,0 +1,81 @@
|
|||||||
|
<template>
|
||||||
|
<van-address-edit
|
||||||
|
:area-list="areaList"
|
||||||
|
show-postal
|
||||||
|
show-delete
|
||||||
|
show-set-default
|
||||||
|
show-search-result
|
||||||
|
:search-result="searchResult"
|
||||||
|
:area-columns-placeholder="['请选择', '请选择', '请选择']"
|
||||||
|
@save="onSave"
|
||||||
|
@delete="onDelete"
|
||||||
|
@change-detail="onChangeDetail"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { editaddress } from "../../ajax/getData";
|
||||||
|
import { Toast } from 'vant';
|
||||||
|
import { areaList } from '@vant/area-data';
|
||||||
|
export default {
|
||||||
|
data(){
|
||||||
|
return{
|
||||||
|
areaList,
|
||||||
|
searchResult: [],
|
||||||
|
userid:null,
|
||||||
|
addressdetail:'',
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods:{
|
||||||
|
async onSave(content) {
|
||||||
|
// Toast('save');
|
||||||
|
console.log(content);
|
||||||
|
let recipient=content.name;
|
||||||
|
let tel=content.tel;
|
||||||
|
let provinceId=Number(content.areaCode.substring(0,2)+'0000')//省份id
|
||||||
|
let cityId=Number(content.areaCode.substring(0,4)+'00') //城市id
|
||||||
|
let districtId=Number(content.areaCode);//区域编码
|
||||||
|
console.log(provinceId,cityId,districtId);
|
||||||
|
console.log(content.areaCode.substring(0,2)+'0000');//城市编码
|
||||||
|
console.log(content.areaCode.substring(0,4)+'00'); //市区id
|
||||||
|
console.log(content.areaCode) //区域编码
|
||||||
|
//id 详细地址 /收货人姓名 电话号码 省份id/城市id/区域编码
|
||||||
|
let data = await editaddress(this.userid,this.addressdetail,recipient,tel,provinceId,cityId,districtId);
|
||||||
|
|
||||||
|
if(data){
|
||||||
|
this.$message({
|
||||||
|
type: 'warning',
|
||||||
|
message: '地址保存成功'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
console.log(data);
|
||||||
|
},
|
||||||
|
onDelete() {
|
||||||
|
|
||||||
|
Toast('delete');
|
||||||
|
},
|
||||||
|
onChangeDetail(val){
|
||||||
|
this.addressdetail=val;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
},
|
||||||
|
mounted(){
|
||||||
|
let user= JSON.parse(localStorage.getItem("userInfo"));
|
||||||
|
// this.userid=user.data.id;
|
||||||
|
this.userid=3242
|
||||||
|
|
||||||
|
},
|
||||||
|
components:{
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
</style>
|
||||||
99
rc-busness/pages/useraddress/editaddress.vue
Normal file
99
rc-busness/pages/useraddress/editaddress.vue
Normal file
@ -0,0 +1,99 @@
|
|||||||
|
<template>
|
||||||
|
<van-address-edit
|
||||||
|
:area-list="areaList"
|
||||||
|
show-postal
|
||||||
|
show-set-default
|
||||||
|
show-search-result
|
||||||
|
:search-result="searchResult"
|
||||||
|
:address-info="AddressInfo"
|
||||||
|
:area-columns-placeholder="['请选择', '请选择', '请选择']"
|
||||||
|
@save="onSave"
|
||||||
|
@change-detail="onChangeDetail"
|
||||||
|
>
|
||||||
|
<!-- <div class="main">
|
||||||
|
<span>我的</span>
|
||||||
|
|
||||||
|
</div> -->
|
||||||
|
|
||||||
|
</van-address-edit>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { Toast } from 'vant';
|
||||||
|
import { areaList } from '@vant/area-data';
|
||||||
|
import { editupdate } from "../../ajax/getData";
|
||||||
|
export default {
|
||||||
|
data(){
|
||||||
|
return{
|
||||||
|
areaList,
|
||||||
|
searchResult: [],
|
||||||
|
AddressInfo:{//收货人信息初始值
|
||||||
|
name:'',//姓名
|
||||||
|
tel:'',//电话
|
||||||
|
province:'',//省份
|
||||||
|
city:'',//城市
|
||||||
|
country:'',//区县
|
||||||
|
address:'',
|
||||||
|
areaCode:'',//地址code：ID
|
||||||
|
addressDetail:'',//详细地址
|
||||||
|
isDefault:false,//是否选择默认
|
||||||
|
},
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods:{
|
||||||
|
|
||||||
|
valf(){
|
||||||
|
setTimeout(()=>{
|
||||||
|
let s=this.$route.query.id;
|
||||||
|
console.log(s);
|
||||||
|
this.AddressInfo.name= s.recipient,
|
||||||
|
this.AddressInfo.tel=s.recipientPhone,
|
||||||
|
this.AddressInfo.province=s.name
|
||||||
|
this.AddressInfo.city=s.name
|
||||||
|
this.AddressInfo.addressDetail=s.detailAddress
|
||||||
|
this.AddressInfo.isDefault=s.isDefault,
|
||||||
|
this.AddressInfo.country='江西省'
|
||||||
|
this.AddressInfo.address='江西省'
|
||||||
|
|
||||||
|
},100)
|
||||||
|
},
|
||||||
|
async onSave(content) {
|
||||||
|
let data = await editupdate(this.tel);
|
||||||
|
console.log(data);
|
||||||
|
console.log(content);
|
||||||
|
// Toast('save');
|
||||||
|
console.log(content.areaCode.substring(0,2)+'0000');//城市编码
|
||||||
|
console.log(content.areaCode.substring(0,4)+'00'); //市区id
|
||||||
|
console.log(content.areaCode) //区域编码
|
||||||
|
|
||||||
|
},
|
||||||
|
onDelete() {
|
||||||
|
Toast('delete');
|
||||||
|
},
|
||||||
|
onChangeDetail(val){
|
||||||
|
|
||||||
|
console.log(this.searchResult);
|
||||||
|
console.log(val);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted(){
|
||||||
|
this.valf();
|
||||||
|
this.searchResult = [
|
||||||
|
{
|
||||||
|
name: '黄龙万科中心',
|
||||||
|
address: '杭州市西湖区',
|
||||||
|
},
|
||||||
|
];
|
||||||
|
},
|
||||||
|
components:{
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
</style>
|
||||||
295
rc-busness/pages/useraddress/openaddress.vue
Normal file
295
rc-busness/pages/useraddress/openaddress.vue
Normal file
@ -0,0 +1,295 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<Myheader></Myheader>
|
||||||
|
<div class="usermain">
|
||||||
|
<div class="rc-main" v-for="(item, index) in list" :key="index">
|
||||||
|
<div class="rc-center">
|
||||||
|
<div class="rc-header">
|
||||||
|
<em>
|
||||||
|
{{ item.recipient }}
|
||||||
|
</em>
|
||||||
|
<span>
|
||||||
|
{{ item.recipientPhone }}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="rc-address">
|
||||||
|
<span>
|
||||||
|
{{ item.detailAddress }}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="rc-footer">
|
||||||
|
<div class="rc-foot">
|
||||||
|
<span>设置为默认收货地址</span>
|
||||||
|
|
||||||
|
<!-- <van-switch v-model="checked" /> -->
|
||||||
|
</div>
|
||||||
|
<div class="rc-right">
|
||||||
|
<span @click="onEdit(item, index)">编辑</span>
|
||||||
|
<span @click="userdelete(item, index)">删除</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="rc-button">
|
||||||
|
<div class="rc-footbutton" @click="onAdd()">
|
||||||
|
<span>新增收货地址</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { areaList } from "@vant/area-data";
|
||||||
|
import { selectaddress } from "../../ajax/getData";
|
||||||
|
import { editdelete } from "../../ajax/getData";
|
||||||
|
import Myheader from "~/components/header.vue";
|
||||||
|
import { Toast } from "vant";
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
chosenAddressId: "1",
|
||||||
|
checked: true,
|
||||||
|
userid: null,
|
||||||
|
usermessage:null,
|
||||||
|
list: [
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
name: "张三",
|
||||||
|
tel: "13000000000",
|
||||||
|
address: "浙江省杭州市西湖区文三路 138 号",
|
||||||
|
isDefault: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
name: "李四",
|
||||||
|
tel: "1310000000",
|
||||||
|
address: "浙江省杭州市拱墅区莫干山路 50 号",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
name: "李四",
|
||||||
|
tel: "1310000000",
|
||||||
|
address: "浙江省杭州市拱墅区莫干山路 50 号",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
areaList,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
onAdd() {
|
||||||
|
Toast("新增地址");
|
||||||
|
|
||||||
|
this.$router.push({ path: "/useraddress/addaddress" });
|
||||||
|
},
|
||||||
|
onEdit(item, index) {
|
||||||
|
let userid = item.id;
|
||||||
|
console.log(item);
|
||||||
|
this.$router.push({
|
||||||
|
path: "/useraddress/editaddress",
|
||||||
|
query: {
|
||||||
|
id: item,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
},
|
||||||
|
//删除地址
|
||||||
|
async userdelete(item) {
|
||||||
|
console.log(item.memberId);
|
||||||
|
let data = await editdelete(this.userid, item.id);
|
||||||
|
this.editaddress(this.usermessage);
|
||||||
|
console.log(data);
|
||||||
|
},
|
||||||
|
|
||||||
|
//查询人的所有地址
|
||||||
|
async editaddress(user) {
|
||||||
|
|
||||||
|
user.data.id=844350
|
||||||
|
let data = await selectaddress(user.data.id);
|
||||||
|
this.list=data.data;
|
||||||
|
console.log(this.list);
|
||||||
|
console.log(data);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
components: {
|
||||||
|
Myheader,
|
||||||
|
},
|
||||||
|
|
||||||
|
mounted() {
|
||||||
|
//地址的查询
|
||||||
|
this.usermessage = JSON.parse(localStorage.getItem("userInfo"));
|
||||||
|
this.editaddress(this.usermessage);
|
||||||
|
this.userid = this.usermessage.data.id;
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped >
|
||||||
|
.rc-main {
|
||||||
|
width: 93%;
|
||||||
|
margin: 0 auto;
|
||||||
|
margin-top: 8px;
|
||||||
|
}
|
||||||
|
//手机端
|
||||||
|
@media screen and(min-width: 320px) and(max-width:768px) {
|
||||||
|
.rc-button {
|
||||||
|
height: 80px;
|
||||||
|
background: #ffffff;
|
||||||
|
box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);
|
||||||
|
opacity: 1;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
.rc-footbutton {
|
||||||
|
width: 164px;
|
||||||
|
height: 48px;
|
||||||
|
border: 2px solid #e2001a;
|
||||||
|
opacity: 1;
|
||||||
|
border-radius: 30px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
background: #e2001a;
|
||||||
|
span {
|
||||||
|
display: block;
|
||||||
|
text-align: center;
|
||||||
|
color: white;
|
||||||
|
font-size: 16px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.rc-header {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
color: #333333;
|
||||||
|
em {
|
||||||
|
font-style: normal;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
span {
|
||||||
|
display: block;
|
||||||
|
margin-left: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.rc-address {
|
||||||
|
margin-top: 8px;
|
||||||
|
text-overflow: -o-ellipsis-lastline;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 2;
|
||||||
|
line-clamp: 2;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
.rc-footer {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
margin-top: 8px;
|
||||||
|
.rc-right {
|
||||||
|
span {
|
||||||
|
border-bottom: 1px solid #666666;
|
||||||
|
}
|
||||||
|
span:first-child {
|
||||||
|
margin-right: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
//pc端
|
||||||
|
@media screen and (min-width: 768px) and (max-width: 1920px) {
|
||||||
|
.usermain{
|
||||||
|
|
||||||
|
width: 90%;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
.rc-main{
|
||||||
|
width: 45%;
|
||||||
|
height: 164px;
|
||||||
|
margin-top: 60px;
|
||||||
|
background: #FFFFFF;
|
||||||
|
border: 1px solid #D7D7D7;
|
||||||
|
opacity: 1;
|
||||||
|
border-radius: 3px;
|
||||||
|
margin-left: 40px;
|
||||||
|
float: left;
|
||||||
|
.rc-center{
|
||||||
|
margin-top: 24px;
|
||||||
|
margin-left: 24px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.rc-button {
|
||||||
|
height: 80px;
|
||||||
|
background: #ffffff;
|
||||||
|
box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);
|
||||||
|
opacity: 1;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
display: block;
|
||||||
|
|
||||||
|
.rc-footbutton {
|
||||||
|
width: 164px;
|
||||||
|
height: 48px;
|
||||||
|
border: 2px solid #e2001a;
|
||||||
|
opacity: 1;
|
||||||
|
border-radius: 30px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
background: #e2001a;
|
||||||
|
span {
|
||||||
|
display: block;
|
||||||
|
text-align: center;
|
||||||
|
color: white;
|
||||||
|
font-size: 16px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.rc-header {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
color: #333333;
|
||||||
|
em {
|
||||||
|
font-style: normal;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
span {
|
||||||
|
display: block;
|
||||||
|
margin-left: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.rc-address {
|
||||||
|
margin-top: 8px;
|
||||||
|
text-overflow: -o-ellipsis-lastline;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 2;
|
||||||
|
line-clamp: 2;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
.rc-footer {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
margin-top: 8px;
|
||||||
|
.rc-right {
|
||||||
|
span {
|
||||||
|
border-bottom: 1px solid #666666;
|
||||||
|
}
|
||||||
|
span:first-child {
|
||||||
|
margin-right: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -183,7 +183,9 @@ export default {
|
|||||||
},
|
},
|
||||||
|
|
||||||
components: {},
|
components: {},
|
||||||
mounted() {},
|
mounted() {
|
||||||
|
console.log(this.$route.params);
|
||||||
|
},
|
||||||
// watch: function () {
|
// watch: function () {
|
||||||
// console.log(this.inRank);
|
// console.log(this.inRank);
|
||||||
// },
|
// },
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user