mirror of
https://gitee.com/lab1024/smart-admin.git
synced 2025-10-05 19:56:39 +08:00
Admin
Gitee
commit
2342e2352c
@ -1,6 +1,6 @@
|
||||
# rc-busness
|
||||
|
||||
## Build Setup
|
||||
## Build Setup aaaas
|
||||
|
||||
```bash
|
||||
# install dependencies
|
||||
|
||||
@ -211,18 +211,38 @@ export const biaomessage = (stype,name) => {
|
||||
return fetch('product/query?petType='+stype, data, 'POST' )
|
||||
}
|
||||
|
||||
export const searchchanpin = (stype,categoryName,tagUsedAge,tagFunction,tagBreed) => {
|
||||
console.log(stype);
|
||||
export const searchchanpin = (stype) => {
|
||||
|
||||
let list={};
|
||||
stype.map(item=>{
|
||||
console.log(item);
|
||||
list=item
|
||||
})
|
||||
var str = "?";
|
||||
for(var key in list){
|
||||
|
||||
str = str + key + "=" + list[key] + "&";
|
||||
}
|
||||
str = str.substr(0,str.length-1);
|
||||
var data = {
|
||||
petType:stype,
|
||||
page:1,
|
||||
row:10
|
||||
}
|
||||
|
||||
// return fetch('product/query?petType='+stype+'&categoryName='+categoryName+'&tagUsedAge='+tagUsedAge+'&tagFunction='+tagFunction+'&tagBreed='+tagBreed, data, 'POST' )
|
||||
return fetch('product/query'+ str, data, 'POST' )
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// var str = "?";
|
||||
// for(var key in data){
|
||||
// str = str + key + "=" + data[key] + "&";
|
||||
// }
|
||||
// str = str.substr(0,str.length-1);
|
||||
|
||||
|
||||
//查询订单
|
||||
export const userindent = (phoneNumber,orderNumber,) => {
|
||||
var data = {
|
||||
|
||||
@ -1,18 +1,73 @@
|
||||
/*Body*/
|
||||
body{
|
||||
font-family: DINPro,'PingFang SC',miui,'Hiragino Sans GB','Microsoft Yahei',sans-serif;
|
||||
line-height: 1.5;
|
||||
color: #666;
|
||||
}
|
||||
img, picture {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.rc-main {
|
||||
padding:0 .2rem;
|
||||
padding-left:1.25rem;
|
||||
padding-right:1.25rem;
|
||||
box-sizing:border-box;
|
||||
margin:0 auto;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
}
|
||||
.ts-remove {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
.ts-product-list{
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-evenly;
|
||||
&:after{
|
||||
content:"";
|
||||
width:154px;
|
||||
}
|
||||
li{
|
||||
border: 1px solid #D7D7D7;
|
||||
display: inline-flex;
|
||||
border-radius: 4px;
|
||||
flex-direction: column;
|
||||
max-width:10rem;
|
||||
.rc-column
|
||||
{
|
||||
text-align:center;
|
||||
padding:0 1rem;
|
||||
box-sizing: border-box;
|
||||
span{
|
||||
height:2.75rem;
|
||||
font-size: 1rem;
|
||||
text-overflow: -o-ellipsis-lastline;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
word-break: break-all;
|
||||
white-space: normal;
|
||||
color:#E2001A;
|
||||
}
|
||||
i{
|
||||
font-style: normal;
|
||||
font-size: 1.125rem;
|
||||
margin-top: .5rem;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
img{
|
||||
width: 320px;
|
||||
height:auto;
|
||||
width:10rem;
|
||||
height:10rem;
|
||||
object-fit: contain;
|
||||
display: flex;
|
||||
margin: 0 auto;
|
||||
}
|
||||
height: auto;
|
||||
}
|
||||
.active{
|
||||
color: #E2001A;
|
||||
@ -23,24 +78,37 @@
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
.rc-age{
|
||||
display: flex;
|
||||
h2{
|
||||
color:#333333;
|
||||
}
|
||||
ol{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: nowrap;
|
||||
.rc-container {
|
||||
height: 100%;
|
||||
max-width: 1400px;
|
||||
background-color: #fff;
|
||||
margin: auto;
|
||||
}
|
||||
.ts-standard-btn{
|
||||
font-style: normal;
|
||||
width: 8.125rem;
|
||||
height: 2.5rem;
|
||||
border: 2px solid #E2001A;
|
||||
border-radius: 1.875rem;
|
||||
display: block;
|
||||
line-height: 2.5rem;
|
||||
font-size: .875rem;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
width: 86%;
|
||||
background: #E2001A;
|
||||
&.center{
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
}
|
||||
li{
|
||||
flex-shrink: 0;
|
||||
&.ts-standard-btn--two{
|
||||
background-color: transparent;
|
||||
color: #e2001a;
|
||||
border-color: #e2001a;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.rc-mubu{
|
||||
height: 100%;
|
||||
background: #333333;
|
||||
@ -50,29 +118,132 @@
|
||||
width: 100%;
|
||||
z-index: 8;
|
||||
}
|
||||
.ts-scrollable{
|
||||
.ts-scrollable-container{
|
||||
display: flex;
|
||||
h2{
|
||||
margin:0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.ts-scrollable{
|
||||
overflow-y:hidden;
|
||||
overflow-x:auto;
|
||||
white-space: nowrap;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: nowrap;
|
||||
text-align: center;
|
||||
width: 86%;
|
||||
&::-webkit-scrollbar{
|
||||
display:none;
|
||||
}
|
||||
li{
|
||||
border-radius: 100px;
|
||||
}
|
||||
}
|
||||
.active{
|
||||
color: #E2001A;
|
||||
cursor: pointer;
|
||||
border: 2px solid #E2001A;
|
||||
}
|
||||
.unactive{
|
||||
color:#999999;
|
||||
cursor: pointer;
|
||||
border: 2px solid #d7d7d7;
|
||||
}
|
||||
}
|
||||
|
||||
.online{
|
||||
width:100%;
|
||||
background:#d7d7d7;
|
||||
margin-top:1.5rem;
|
||||
height:.06rem;
|
||||
&.bold{
|
||||
height:.32rem;
|
||||
background:#f6f6f6;
|
||||
}
|
||||
}
|
||||
/*Body end*/
|
||||
|
||||
/* 头部 */
|
||||
.rc-top{
|
||||
position: relative;
|
||||
.rc-fixright{
|
||||
width: 3.75rem;
|
||||
height: auto;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
top: 30%;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 0px .62rem rgba(0, 0, 0, 0.16);
|
||||
border-radius: .25rem;
|
||||
z-index:3;
|
||||
ul{
|
||||
width: 60px;
|
||||
height: 181px;
|
||||
box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
|
||||
background-color: white;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
li{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-top: 1.125rem;
|
||||
}
|
||||
li:last-child{
|
||||
margin-bottom: 0.2rem;
|
||||
}
|
||||
}
|
||||
img{
|
||||
width: 1.25rem;
|
||||
height: auto;
|
||||
display: block;
|
||||
}
|
||||
span{
|
||||
font-size: 0.12rem;
|
||||
color: #666666;
|
||||
}
|
||||
.tuntop{
|
||||
width: 1.25rem;
|
||||
height: auto;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
|
||||
opacity: 1;
|
||||
display: block;
|
||||
color: #666666;
|
||||
font-size: 12px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
img{
|
||||
width: 0.22rem;
|
||||
height: 0.22rem;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
/* 手机端 */
|
||||
@media screen and (max-width: 768px)
|
||||
{
|
||||
html {
|
||||
font-size:100px;
|
||||
}
|
||||
.rc-md-up {
|
||||
display: none!important;
|
||||
}
|
||||
.rc-main{
|
||||
width:100%;
|
||||
}
|
||||
.rc-top{
|
||||
margin-top: 74px;
|
||||
}
|
||||
.rc-list__header {
|
||||
background: none;
|
||||
padding: .5rem 0;
|
||||
border-bottom: none;
|
||||
}
|
||||
.rc-home-header{
|
||||
width: 100%;
|
||||
.rc-main
|
||||
@ -109,125 +280,98 @@
|
||||
z-index:3;
|
||||
}
|
||||
}
|
||||
.rc-age{
|
||||
.ts-scrollable-container{
|
||||
margin-bottom:1.25rem;
|
||||
&:last-child{
|
||||
margin-bottom:0;
|
||||
}
|
||||
h2{
|
||||
font-size: 16px;
|
||||
margin-right:.1rem;
|
||||
}
|
||||
ol{
|
||||
font-size: 12px;
|
||||
}
|
||||
li{
|
||||
width: .64rem;
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
border-radius: 100px;
|
||||
margin-left: 9px;
|
||||
}
|
||||
}
|
||||
.ts-scrollable{
|
||||
.active{
|
||||
border: 2px solid #E2001A;
|
||||
}
|
||||
.unactive{
|
||||
border: 2px solid #d7d7d7;
|
||||
}
|
||||
}
|
||||
.online{
|
||||
height:.03rem;
|
||||
width:100%;
|
||||
background:#f6f6f6;
|
||||
margin-top:0.23rem;
|
||||
}
|
||||
.rc-fixright{
|
||||
width: 0.60rem;
|
||||
height: 1.81rem;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
top: 30%;
|
||||
z-index: 9999;
|
||||
ul{
|
||||
width: 60px;
|
||||
height: 181px;
|
||||
box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
|
||||
background-color: white;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
li{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-top: 0.18rem;
|
||||
}
|
||||
li:last-child{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-top: 0.18rem;
|
||||
margin-bottom: 0.2rem;
|
||||
}
|
||||
}
|
||||
img{
|
||||
width: 0.19rem;
|
||||
height: 0.19rem;
|
||||
display: block;
|
||||
}
|
||||
img:last-child{
|
||||
width: 0.22rem;
|
||||
height: 0.22rem;
|
||||
display: block;
|
||||
}
|
||||
span{
|
||||
font-size: 0.12rem;
|
||||
color: #666666;
|
||||
}
|
||||
.tuntop{
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
|
||||
opacity: 1;
|
||||
display: block;
|
||||
color: #666666;
|
||||
font-size: 12px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-top: 8px;
|
||||
img{
|
||||
width: 0.22rem;
|
||||
height: 0.22rem;
|
||||
display: block;
|
||||
width: 4.125rem;
|
||||
height: 1.625rem;
|
||||
margin-left: .5rem;
|
||||
font-size:.75rem;
|
||||
line-height: 1.375rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
/* pc端 */
|
||||
@media screen and (min-width: 768px) {
|
||||
@media screen and (min-width: 769px)
|
||||
{
|
||||
/deep/.van-tabs__wrap
|
||||
{
|
||||
max-width: 768px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
html {
|
||||
font-size:16px;
|
||||
}
|
||||
.rc-top{
|
||||
margin-top: 124px;
|
||||
}
|
||||
.ts-product-list{
|
||||
text-align: left;
|
||||
display:block;
|
||||
li{
|
||||
max-width:20rem;
|
||||
margin-right:.9rem;
|
||||
margin-left:.9rem;
|
||||
.rc-column{
|
||||
span{
|
||||
font-size:1.875rem;
|
||||
height: 5.2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
img{
|
||||
width:20rem;
|
||||
}
|
||||
}
|
||||
.rc-main {
|
||||
width:100%;
|
||||
max-width:1400px;
|
||||
}
|
||||
.online{
|
||||
height:8px;
|
||||
.rc-list--inline:not([role=tablist]):not([role=menubar]) {
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.layout-container, .rc-layout-container {
|
||||
margin-left: -1rem;
|
||||
margin-right: -1rem;
|
||||
}
|
||||
.rc-fixright{
|
||||
width:5.5rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
ul{
|
||||
width:100%;
|
||||
background:#f6f6f6;
|
||||
margin-top:23px;
|
||||
height: 100%;
|
||||
li{
|
||||
margin-top: .5rem;
|
||||
height:4.125rem;
|
||||
img{
|
||||
width:22px;
|
||||
height:auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.rc-home-header{
|
||||
height:120px ;
|
||||
.rc-main
|
||||
{
|
||||
width: 92%;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
// position: fixed;
|
||||
top: 0;
|
||||
z-index: 989;
|
||||
background: white;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
@ -267,23 +411,39 @@
|
||||
}
|
||||
}
|
||||
|
||||
.ts-scrollable{
|
||||
.rc-age{
|
||||
h2
|
||||
.ts-scrollable-container
|
||||
{
|
||||
font-size: 20px;
|
||||
color: #333333;
|
||||
margin-top:1.25rem;
|
||||
&:last-child{
|
||||
margin-bottom:0;
|
||||
}
|
||||
h2{
|
||||
font-size:20px;
|
||||
}
|
||||
.ts-scrollable
|
||||
{
|
||||
li
|
||||
{
|
||||
margin-left: 40px;
|
||||
width: 100px;
|
||||
height: 40px;
|
||||
width: 8.125rem;
|
||||
height: 2.5rem;
|
||||
line-height: 40px;
|
||||
font-size: 18px;
|
||||
font-size: .875rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
/* 头部 end */
|
||||
|
||||
@media (max-width: 960px)
|
||||
{
|
||||
.rc-lg-up {
|
||||
display: none!important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1024px)
|
||||
{
|
||||
.rc-xl-down {
|
||||
display: none!important;
|
||||
}
|
||||
}
|
||||
@ -1,9 +1,16 @@
|
||||
/deep/.van-swipe__indicator {
|
||||
width:.5rem;
|
||||
height:.5rem;
|
||||
}
|
||||
/deep/.van-swipe__indicator--active{
|
||||
background-color: #E1001A;
|
||||
}
|
||||
@media screen and (max-width:768px){
|
||||
.searchBara{
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top:70px;
|
||||
top:66px;
|
||||
background: white;
|
||||
z-index: 9999;
|
||||
overflow-x: auto;
|
||||
@ -67,46 +74,11 @@
|
||||
z-index: 2;
|
||||
}
|
||||
.rc-usermessage{
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
|
||||
em{
|
||||
font-style: normal;
|
||||
font-size: 0.3rem;
|
||||
display: block;
|
||||
padding-top: 0.8rem;
|
||||
|
||||
color: #E1001A;
|
||||
}
|
||||
span{
|
||||
font-size: 0.16rem;
|
||||
|
||||
margin-top: 0.17rem;
|
||||
color: #666666;
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
}
|
||||
i{
|
||||
font-style: normal;
|
||||
width: 1.57rem;
|
||||
height: 0.48rem;
|
||||
border: 2px solid #E2001A;
|
||||
border-radius: 0.30rem;
|
||||
font-size: 1rem;
|
||||
display: block;
|
||||
line-height: 0.48rem;
|
||||
font-size: 0.16rem;
|
||||
color: #E2001A;
|
||||
|
||||
margin: 0 auto;
|
||||
margin-top: 0.32rem;
|
||||
margin-bottom: 0.80rem;
|
||||
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
}
|
||||
.rc-video{
|
||||
display: none;
|
||||
@ -119,7 +91,7 @@
|
||||
|
||||
.van-swipe-item {
|
||||
color: #fff;
|
||||
height: 3.75rem;
|
||||
height: 26.31rem;
|
||||
width: 100%;
|
||||
font-size: 0.20px;
|
||||
line-height: 1.50rem;
|
||||
@ -127,23 +99,15 @@
|
||||
position: relative;
|
||||
}
|
||||
.rc-lunbo{
|
||||
width: 100%;
|
||||
margin-top: 0.46rem;
|
||||
.rc-selection{
|
||||
display: none;
|
||||
}
|
||||
h2{
|
||||
text-align: center;
|
||||
font-size: 0.26rem;
|
||||
color: #E2001A;
|
||||
}
|
||||
#xxxFullScreen {
|
||||
background-color: white;
|
||||
margin-top: 0.40rem;
|
||||
#swiper1 {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
padding: 0 0 0.10rem 0;
|
||||
}
|
||||
.swiper-container{
|
||||
height: 6.45rem;
|
||||
@ -155,7 +119,7 @@
|
||||
position: relative;
|
||||
}
|
||||
#swiper1 .swiper-container .swiper-wrapper .swiper-slide {
|
||||
width: 3rem;
|
||||
width: 17.25rem;
|
||||
//height: 6.45rem !important; //Auto adaption
|
||||
}
|
||||
|
||||
@ -177,8 +141,13 @@
|
||||
}
|
||||
.uservideo{
|
||||
width: 100%;
|
||||
height: 2.51rem;
|
||||
height:auto;
|
||||
max-height: 15.68rem;
|
||||
display: block;
|
||||
video{
|
||||
max-width:100%;
|
||||
max-height:100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.sw-center{
|
||||
@ -197,21 +166,20 @@
|
||||
align-items: center;
|
||||
}
|
||||
img{
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
width: 10rem;
|
||||
height: 10rem;
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
margin-top: 0.40rem;
|
||||
margin-top: 2.5rem;
|
||||
}
|
||||
span{
|
||||
font-size: 0.18rem;
|
||||
font-size: 1.125rem;
|
||||
color: #E2001A;
|
||||
display: block;
|
||||
margin-top: 0.20rem;
|
||||
margin-top: 1.25rem;
|
||||
}
|
||||
p{
|
||||
font-size: 0.14rem;
|
||||
color: #666666;
|
||||
font-size: .875rem;
|
||||
text-overflow: -o-ellipsis-lastline;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
@ -219,37 +187,13 @@
|
||||
-webkit-line-clamp: 2;
|
||||
line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
width: 60%;
|
||||
max-width: 60%;
|
||||
text-align: center;
|
||||
line-height:.24rem;
|
||||
}
|
||||
em{
|
||||
font-style: normal;
|
||||
font-size: 0.20rem;
|
||||
color: #666666;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
.sw-cen{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
padding-bottom: 0.2rem;
|
||||
i{
|
||||
font-style: normal;
|
||||
width: 1.30rem;
|
||||
height: 0.40rem;
|
||||
border: 2px solid #E2001A;
|
||||
border-radius: 0.30rem;
|
||||
line-height: 0.40rem;
|
||||
text-align: center;
|
||||
color: #E2001A;
|
||||
font-size: 0.14rem;
|
||||
margin-top: 0.32rem;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@ -288,7 +232,7 @@
|
||||
|
||||
|
||||
}
|
||||
.rc-main
|
||||
.rc-max-width--xl
|
||||
{
|
||||
margin-top: 0.40rem;
|
||||
overflow: hidden;
|
||||
@ -302,20 +246,20 @@
|
||||
display:none;
|
||||
}
|
||||
span{
|
||||
margin-top: 0.08rem;
|
||||
margin-top: .5rem;
|
||||
display: block;
|
||||
}
|
||||
img{
|
||||
width: 0.64rem;
|
||||
height: 0.64rem;
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
display: block;
|
||||
}
|
||||
li{
|
||||
display: inline-block;
|
||||
margin-left: 0.20rem;
|
||||
width: 0.64rem;
|
||||
margin-left: 1.25rem;
|
||||
width: 4rem;
|
||||
text-align: center;
|
||||
height: 0.64rem;
|
||||
height: 4rem;
|
||||
background: #F6F6F6;
|
||||
border-radius: 50%;
|
||||
opacity: 1;
|
||||
@ -326,104 +270,9 @@
|
||||
.rc-conta{
|
||||
max-height: 1.9rem;
|
||||
min-height: 1.9rem;
|
||||
|
||||
}
|
||||
width: 100%;
|
||||
margin-top: 0.45rem;
|
||||
h2{
|
||||
text-align: center;
|
||||
font-size: 0.26rem;
|
||||
color: #E2001A;
|
||||
}
|
||||
.rc-contair{
|
||||
margin-top: 0.24rem;
|
||||
.rc-rccontair{
|
||||
height:1.60rem;display:flex;align-items: center
|
||||
}
|
||||
ul{
|
||||
text-align: center;
|
||||
align-items: center;
|
||||
|
||||
li{
|
||||
|
||||
width: 43%;
|
||||
margin-top: 0.16rem;
|
||||
flex-direction: column;
|
||||
text-overflow: -o-ellipsis-lastline;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: inline-flex;
|
||||
background: #FFFFFF;
|
||||
border: 1px solid #D7D7D7;
|
||||
margin-left: 0.15rem;
|
||||
border-radius: 0.03rem;
|
||||
}
|
||||
|
||||
img{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
margin: 0 auto;
|
||||
height:100%;
|
||||
}
|
||||
i{
|
||||
font-style: normal;
|
||||
font-size: 0.18rem;
|
||||
margin-top: 0.08rem;
|
||||
color: #666666;
|
||||
display: block;
|
||||
|
||||
}
|
||||
}
|
||||
span{
|
||||
font-size: 0.16rem;
|
||||
color: #666666;
|
||||
text-overflow: -o-ellipsis-lastline;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
word-break: break-all;
|
||||
white-space: normal;
|
||||
height: 0.25rem;
|
||||
margin-top: 0.08rem;
|
||||
|
||||
}
|
||||
strong{
|
||||
width: 1.30rem;
|
||||
height: 0.40rem;
|
||||
border: 2px solid #E2001A;
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 30px;
|
||||
margin: 0 auto;
|
||||
font-size: 0.14rem;
|
||||
color: #E2001A;
|
||||
margin-top: 0.2rem;
|
||||
margin-bottom: 0.3rem;
|
||||
}
|
||||
.userserlect{
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-top: 0.40rem;
|
||||
span{
|
||||
width: 1.30rem;
|
||||
height: 0.40rem;
|
||||
background: #E2001A;
|
||||
text-align: center;
|
||||
line-height: 0.40rem;
|
||||
border-radius: 0.30rem;
|
||||
font-size: 0.14rem;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.active {
|
||||
@ -440,76 +289,32 @@
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width: 768px)
|
||||
@media screen and (min-width: 769px)
|
||||
{
|
||||
.sw-center{
|
||||
display: none;
|
||||
}
|
||||
.useraimg{
|
||||
width: 100%;
|
||||
height: 4.69rem;
|
||||
height: 29.31rem;
|
||||
object-fit: cover;
|
||||
}
|
||||
.van-swipe-item {
|
||||
color: #fff;
|
||||
height: 4.69rem;
|
||||
height: 29.31rem;
|
||||
width: 100%;
|
||||
font-size: 0.20rem;
|
||||
line-height: 1.50rem;
|
||||
font-size: 1.25rem;
|
||||
line-height: 9.375rem;
|
||||
text-align: center;
|
||||
|
||||
|
||||
}
|
||||
.rc-fixright{
|
||||
width: 0.60rem;
|
||||
height: 1.81rem;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 0px 0.10rem rgba(0, 0, 0, 0.16);
|
||||
border-radius: 0.04rem;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
top: 30%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
z-index: 9999;
|
||||
ul{
|
||||
height: 100%;
|
||||
li{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-top: 0.08rem;
|
||||
}
|
||||
}
|
||||
img{
|
||||
width: 0.30rem;
|
||||
height: 0.30rem;
|
||||
display: block;
|
||||
}
|
||||
|
||||
img{
|
||||
width: 0.30rem;
|
||||
height: 0.30rem;
|
||||
display: block;
|
||||
}
|
||||
span{
|
||||
font-size: 0.12rem;
|
||||
color: #666666;
|
||||
}
|
||||
}
|
||||
.rc-lunbo{
|
||||
width: 100%;
|
||||
margin-top: 0.46rem;
|
||||
margin-top: 2.875rem;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
margin-top: 1.50rem;
|
||||
h2{
|
||||
text-align: center;
|
||||
font-size: 0.40rem;
|
||||
color: #E2001A;
|
||||
}
|
||||
margin-top: 9.375rem;
|
||||
#xxxFullScreen {
|
||||
background-color: white;
|
||||
margin-top: 100px;
|
||||
@ -520,7 +325,7 @@ color: #666666;
|
||||
|
||||
.swiper-container2 {
|
||||
width: 100%;
|
||||
height: 6.18rem;
|
||||
height: 38.6rem;
|
||||
// overflow: visible !important;
|
||||
position: relative;
|
||||
}
|
||||
@ -536,7 +341,7 @@ color: #666666;
|
||||
}
|
||||
/* 下一张 */
|
||||
#swiper1 .swiper-container .swiper-wrapper .swiper-slide-next {
|
||||
margin-top: 0.05rem;
|
||||
margin-top: .31rem;
|
||||
//height: 6.18rem !important;
|
||||
}
|
||||
.swiper-container .swiper-wrapper .swiper-slide-active {
|
||||
@ -548,7 +353,7 @@ color: #666666;
|
||||
justify-content: space-evenly;
|
||||
.rc-right
|
||||
{
|
||||
width: 4.40rem;
|
||||
width: 27.5rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@ -558,7 +363,7 @@ color: #666666;
|
||||
height: auto;
|
||||
}
|
||||
span{
|
||||
font-size: 0.26rem;
|
||||
font-size: 1.6rem;
|
||||
display: block;
|
||||
margin-top: 20px;
|
||||
color: #E2001A;
|
||||
@ -580,29 +385,19 @@ color: #666666;
|
||||
em
|
||||
{
|
||||
font-style: normal;
|
||||
font-size: 0.22rem;
|
||||
font-size: 1.375rem;
|
||||
color: #666666;
|
||||
display: block;
|
||||
margin-top: 0.16rem;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
strong
|
||||
.ts-standard-btn
|
||||
{
|
||||
font-style: normal;
|
||||
width: 1.30rem;
|
||||
height: 0.40rem;
|
||||
border: 2px solid #E2001A;
|
||||
border-radius: 0.30rem;
|
||||
display: block;
|
||||
line-height: 0.40rem;
|
||||
text-align: center;
|
||||
color:#E2001A;
|
||||
font-size: 0.14rem;
|
||||
margin-top: 0.16rem;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
}
|
||||
.uservideo{
|
||||
width: 5.60rem;
|
||||
height: 5.06rem;
|
||||
width: 35rem;
|
||||
height: 31.6rem;
|
||||
display: block;
|
||||
border: 1px solid red;
|
||||
|
||||
@ -611,10 +406,10 @@ border: 1px solid red;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left:0;
|
||||
margin-top: -0.115rem;
|
||||
margin-top: -.72rem;
|
||||
img{
|
||||
width: 0.11rem;
|
||||
height: 0.22rem;
|
||||
width: .69rem;
|
||||
height: 1.38rem;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@ -622,10 +417,10 @@ img{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right:0;
|
||||
margin-top: -0.115rem;
|
||||
margin-top: -.72rem;
|
||||
img{
|
||||
width: 0.11rem;
|
||||
height: 0.22rem;
|
||||
width: .69rem;
|
||||
height: 1.375rem;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@ -639,7 +434,7 @@ img{
|
||||
//height: 1.65rem !important;
|
||||
}
|
||||
.swiperWrap{
|
||||
height: 4.69rem;
|
||||
height: 29.3rem;
|
||||
width: 100%;
|
||||
img{
|
||||
height: 4.69rem;
|
||||
@ -649,11 +444,11 @@ img{
|
||||
}
|
||||
/deep/.swiper-pagination-bullet-active{
|
||||
background: red;
|
||||
width: 0.08rem;
|
||||
height: 0.08rem;
|
||||
width: .5rem;
|
||||
height: .5rem;
|
||||
}
|
||||
/deep/.swiper-pagination-bullet{
|
||||
width: 8rem;
|
||||
width: 50rem;
|
||||
height: 8px;
|
||||
background: #d7d7d7;
|
||||
|
||||
@ -667,16 +462,11 @@ img{
|
||||
|
||||
|
||||
}
|
||||
.rc-main{
|
||||
width: 100%;
|
||||
margin-top: 0.40rem;
|
||||
.van-tabs{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.rc-max-width--xl {
|
||||
.rc-ma
|
||||
{
|
||||
padding-bottom:28px;
|
||||
padding:60px 0;
|
||||
|
||||
.ul-zhuan{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
@ -684,32 +474,34 @@ img{
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
span{
|
||||
margin-top: 0.08rem;
|
||||
margin-top: 2.5rem;
|
||||
display: block;
|
||||
}
|
||||
img{
|
||||
width: 1.58rem;
|
||||
height: 1.58rem;
|
||||
width: 9.5rem;
|
||||
height: 9.5rem;
|
||||
display: block;
|
||||
}
|
||||
li{
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
width: 1.58rem;
|
||||
width: 9.875rem;
|
||||
text-align: center;
|
||||
height: 1.58rem;
|
||||
height: 9.875rem;
|
||||
background: #F6F6F6;
|
||||
border-radius: 50%;
|
||||
margin-left:1.25rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.rc-main{
|
||||
width: 100%;
|
||||
margin-top: 2.5rem;
|
||||
.van-tabs{
|
||||
display: none;
|
||||
}
|
||||
.selectionswitch{
|
||||
width: 100%;
|
||||
h2{
|
||||
text-align: center;
|
||||
font-size: 0.40rem;
|
||||
color: #E2001A;
|
||||
}
|
||||
.van-tabs{
|
||||
display: none;
|
||||
}
|
||||
@ -724,108 +516,21 @@ img{
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
li{
|
||||
font-size: 0.16rem;
|
||||
margin-left: 0.40rem;
|
||||
font-size: 1rem;
|
||||
margin-left: 2.5rem;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.rc-contair
|
||||
{
|
||||
margin-top: 0.24rem;
|
||||
ul{
|
||||
text-align: center;
|
||||
margin-top: 0.77rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
li
|
||||
{
|
||||
border-radius: 3px;
|
||||
display: inline-flex;
|
||||
background: #FFFFFF;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border: 1px solid #D7D7D7;
|
||||
margin-top: 0.40rem;
|
||||
}
|
||||
|
||||
img{
|
||||
width: 320px;
|
||||
height:auto;
|
||||
object-fit: contain;
|
||||
display: flex;
|
||||
margin: 0 auto;
|
||||
}
|
||||
i{
|
||||
font-style: normal;
|
||||
font-size: 0.18rem;
|
||||
margin-top: 0.08rem;
|
||||
color: #666666;
|
||||
display: block;
|
||||
font-size: 0.22rem;
|
||||
|
||||
color: #666666;
|
||||
|
||||
}
|
||||
}
|
||||
span{
|
||||
font-size: 0.30rem;
|
||||
color: #E2001A;
|
||||
text-overflow: -o-ellipsis-lastline;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
line-clamp: 2;
|
||||
margin-top:0.16rem;
|
||||
-webkit-box-orient: vertical;
|
||||
|
||||
}
|
||||
strong{
|
||||
width: 1.30rem;
|
||||
height: 0.40rem;
|
||||
border: 2px solid #E2001A;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 0.30rem;
|
||||
margin: 0 auto;
|
||||
font-size: 0.14rem;
|
||||
color: #E2001A;
|
||||
margin-top: 0.24rem;
|
||||
}
|
||||
.userserlect{
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding-bottom: 0.88rem;
|
||||
padding-top: 0.80rem;
|
||||
span{
|
||||
width: 1.30rem;
|
||||
height: 0.40rem;
|
||||
background: #E2001A;
|
||||
text-align: center;
|
||||
line-height: 0.40rem;
|
||||
border-radius: 0.30rem;
|
||||
font-size: 0.14rem;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.active {
|
||||
font-size: 0.16rem;
|
||||
font-size: 1rem;
|
||||
border: 3px solid red;
|
||||
color: red;
|
||||
|
||||
}
|
||||
.unactive {
|
||||
font-size: 0.16rem;
|
||||
font-size: 1rem;
|
||||
color: #444444;
|
||||
border: 1px solid #D7D7D7;
|
||||
}
|
||||
@ -835,24 +540,24 @@ color: #FFFFFF;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-top: 0.77rem;
|
||||
margin-top: 4.8rem;
|
||||
span{
|
||||
margin-top: 0.08rem;
|
||||
margin-top: .5rem;
|
||||
display: block;
|
||||
}
|
||||
img{
|
||||
width: 1.58rem;
|
||||
height: 1.58rem;
|
||||
width: 9.875rem;
|
||||
height: 9.875rem;
|
||||
display: block;
|
||||
}
|
||||
li{
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
font-size: 0.16rem;
|
||||
margin-left: 0.40rem;
|
||||
width: 1.58rem;
|
||||
font-size: 1rem;
|
||||
margin-left: 2.5rem;
|
||||
width: 9.875rem;
|
||||
text-align: center;
|
||||
height: 1.58rem;
|
||||
height: 9.875rem;
|
||||
background: #F6F6F6;
|
||||
border-radius: 50%;
|
||||
}
|
||||
@ -871,45 +576,10 @@ color: #E2001A;
|
||||
|
||||
}
|
||||
.rc-usermessage{
|
||||
width: 50%;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
|
||||
em{
|
||||
font-style: normal;
|
||||
font-size: 0.30rem;
|
||||
span{
|
||||
font-size: 1rem;
|
||||
display: block;
|
||||
padding-top: 0.80rem;
|
||||
|
||||
color: #E1001A;
|
||||
}
|
||||
span{
|
||||
font-size: 0.16rem;
|
||||
|
||||
margin-top: 0.17rem;
|
||||
color: #666666;
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
}
|
||||
i{
|
||||
font-style: normal;
|
||||
width: 1.57rem;
|
||||
height: 0.48rem;
|
||||
border: 2px solid #E2001A;
|
||||
border-radius: 0.30rem;
|
||||
display: block;
|
||||
line-height: 0.48rem;
|
||||
font-size: 0.16rem;
|
||||
color: #E2001A;
|
||||
|
||||
margin: 0 auto;
|
||||
margin-top: 0.32rem;
|
||||
margin-bottom: 0.80rem;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
270
rc-busness/assets/css/login.less
Normal file
270
rc-busness/assets/css/login.less
Normal file
@ -0,0 +1,270 @@
|
||||
// 手机端
|
||||
@media screen and(min-width: 320px) and(max-width:768px) {
|
||||
.van-field-one{
|
||||
width: 335px;
|
||||
background: #F6F6F6;
|
||||
border-radius: 4px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.van-field-two{
|
||||
margin: 0 auto;
|
||||
width: 335px;
|
||||
height: 48px;
|
||||
background: #F6F6F6;
|
||||
margin: 0 auto;
|
||||
border-radius: 4px;
|
||||
margin-top: 24px;
|
||||
}
|
||||
.usecheck{
|
||||
display: flex;
|
||||
text-align: left;
|
||||
width: 335px;
|
||||
margin: 0 auto;
|
||||
align-items: center;
|
||||
margin-top: 18px;
|
||||
|
||||
}
|
||||
.container {
|
||||
font-size: 0.1rem;
|
||||
.van-field__body {
|
||||
border-bottom: 1px solid red;
|
||||
}
|
||||
.content {
|
||||
margin-top: 24px;
|
||||
}
|
||||
.userfoget {
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
border-bottom: 1px solid #333333;
|
||||
margin-left: 20px;
|
||||
}
|
||||
.rc-header {
|
||||
text-align: center;
|
||||
}
|
||||
.rc-header span:first-of-type {
|
||||
margin-right: 60px;
|
||||
}
|
||||
.rc-header span:last-child {
|
||||
margin-right: 20px;
|
||||
}
|
||||
.active {
|
||||
font-size: 18px;
|
||||
color: #666666;
|
||||
}
|
||||
.unactive {
|
||||
font-size: 18px;
|
||||
color: #999999;
|
||||
}
|
||||
.rc-use {
|
||||
width: 155px;
|
||||
height: 48px;
|
||||
opacity: 1;
|
||||
border-radius: 30px;
|
||||
outline: none;
|
||||
border: none;
|
||||
border: 2px solid #e1001a;
|
||||
color: #e1001a;
|
||||
font-size: 14px;
|
||||
}
|
||||
.rc-user {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 40px;
|
||||
}
|
||||
.userbutton {
|
||||
width: 335px;
|
||||
height: 48px;
|
||||
background: #e2001a;
|
||||
opacity: 1;
|
||||
border-radius: 30px;
|
||||
outline: none;
|
||||
border: none;
|
||||
margin: 0 auto;
|
||||
}
|
||||
van-button {
|
||||
width: 335px;
|
||||
height: 48px;
|
||||
background: #e2001a;
|
||||
opacity: 1;
|
||||
border-radius: 30px;
|
||||
}
|
||||
input {
|
||||
border: none;
|
||||
outline: none;
|
||||
}
|
||||
button {
|
||||
outline: none;
|
||||
border: none;
|
||||
list-style: none;
|
||||
background: none;
|
||||
}
|
||||
.rc-center {
|
||||
font-size: 30px;
|
||||
color: #333333;
|
||||
text-align: center;
|
||||
}
|
||||
.rc-center input {
|
||||
color: #999999;
|
||||
font-size: 14px;
|
||||
}
|
||||
.userlogin {
|
||||
width: 92%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.rc-button {
|
||||
font-size: 14px;
|
||||
width:335px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin: 0 auto;
|
||||
color: #333333;
|
||||
}
|
||||
.rc-button span {
|
||||
border-bottom: 1px solid #333333;
|
||||
}
|
||||
.rc-button span {
|
||||
margin-left: 20px;
|
||||
margin-top: 24px;
|
||||
}
|
||||
.rc-button span:last-child {
|
||||
margin-right: 20px;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
// /* 最小768px最大1920 *pc端/
|
||||
@media screen and (min-width: 768px) and (max-width: 1920px) {
|
||||
.usecheck{
|
||||
display: flex;
|
||||
text-align: left;
|
||||
width: 395px;
|
||||
margin: 0 auto;
|
||||
align-items: center;
|
||||
margin-top: 18px;
|
||||
|
||||
}
|
||||
/deep/
|
||||
.van-field-one{
|
||||
width: 395px;
|
||||
height: 48px;
|
||||
background: #F6F6F6;
|
||||
border-radius: 4px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.van-field-two{
|
||||
margin: 0 auto;
|
||||
width: 395px;
|
||||
height: 48px;
|
||||
background: #F6F6F6;
|
||||
margin: 0 auto;
|
||||
border-radius: 4px;
|
||||
margin-top: 24px;
|
||||
}
|
||||
.container {
|
||||
.content {
|
||||
margin-top: 24px;
|
||||
}
|
||||
.userfoget {
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
border-bottom: 1px solid #333333;
|
||||
margin-left: 20px;
|
||||
}
|
||||
.rc-header {
|
||||
text-align: center;
|
||||
}
|
||||
.rc-header span:first-of-type {
|
||||
margin-right: 60px;
|
||||
}
|
||||
.rc-header span:last-child {
|
||||
margin-right: 20px;
|
||||
}
|
||||
.active {
|
||||
font-size: 0.1rem;
|
||||
color: #666666;
|
||||
}
|
||||
.unactive {
|
||||
font-size: 0.1rem;
|
||||
color: #999999;
|
||||
}
|
||||
.rc-use {
|
||||
width: 1.55rem;
|
||||
height: 0.48rem;
|
||||
opacity: 1;
|
||||
border-radius: 0.15rem;
|
||||
border: 2px solid #e1001a;
|
||||
color: #e1001a;
|
||||
font-size: 0.14rem;
|
||||
background: white;
|
||||
|
||||
}
|
||||
.rc-user {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 40px;
|
||||
}
|
||||
.userbutton {
|
||||
width: 3.8rem;
|
||||
height: 0.48rem;
|
||||
background: #e2001a;
|
||||
border-radius: 0.15rem;
|
||||
outline: none;
|
||||
border: none;
|
||||
margin: 0 auto;
|
||||
}
|
||||
van-button {
|
||||
width: 335px;
|
||||
height: 48px;
|
||||
background: #e2001a;
|
||||
opacity: 1;
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
input {
|
||||
border: none;
|
||||
outline: none;
|
||||
}
|
||||
button {
|
||||
outline: none;
|
||||
border: none;
|
||||
list-style: none;
|
||||
background: none;
|
||||
}
|
||||
.rc-center {
|
||||
font-size: 30px;
|
||||
color: #333333;
|
||||
text-align: center;
|
||||
}
|
||||
.rc-center input {
|
||||
color: #999999;
|
||||
font-size: 14px;
|
||||
}
|
||||
.userlogin {
|
||||
width: 92%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.rc-button {
|
||||
font-size: 14px;
|
||||
width:395px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin: 0 auto;
|
||||
color: #333333;
|
||||
}
|
||||
.rc-button span {
|
||||
border-bottom: 1px solid #333333;
|
||||
}
|
||||
.rc-button span {
|
||||
margin-left: 20px;
|
||||
margin-top: 24px;
|
||||
}
|
||||
.rc-button span:last-child {
|
||||
margin-right: 20px;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,8 +1,6 @@
|
||||
@media screen and (max-width:768px) {
|
||||
.magnify {
|
||||
.magnify {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
.left_contaner {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@ -11,6 +9,12 @@
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
margin:0 auto;
|
||||
img {
|
||||
width: auto;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
.left_contaner .shade {
|
||||
background-color: rgba( 135,206,235, .5);
|
||||
@ -20,15 +24,10 @@
|
||||
cursor: move;
|
||||
display: none;
|
||||
}
|
||||
.left_contaner .middle_img img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.left_contaner .carousel {
|
||||
width: 2.56rem;
|
||||
margin: .20rem auto 0 auto;
|
||||
width: 16rem;
|
||||
margin: 1.25rem auto 0 auto;
|
||||
display: -webkit-flex;
|
||||
|
||||
}
|
||||
|
||||
.left_contaner .carousel .show_box {
|
||||
@ -44,25 +43,21 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
img{
|
||||
width: .08rem;
|
||||
height: .16rem;
|
||||
width: .5rem;
|
||||
height: 1rem;
|
||||
}
|
||||
|
||||
// background: url('../assets/image/userleft.jpg') no-repeat;
|
||||
// background-position: center center;
|
||||
}
|
||||
.left_contaner .carousel .right_arrow {
|
||||
// background: url('../assets/image/userright.png') no-repeat;
|
||||
// background-position: center right;
|
||||
// width: 8px;
|
||||
// height: 16px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
img{
|
||||
width: .08rem;
|
||||
height: .16rem;
|
||||
width: .5rem;
|
||||
height: 1rem;
|
||||
display: block;
|
||||
margin-left: 0.06rem;
|
||||
margin-left: .375rem;
|
||||
}
|
||||
}
|
||||
.left_contaner .carousel .picture_container {
|
||||
@ -104,86 +99,20 @@
|
||||
left: 0px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
@media screen and (max-width:768px) {
|
||||
|
||||
}
|
||||
// // /* 最小768px最大1920 *pc端/
|
||||
@media screen and (min-width: 768px) and (max-width: 1920px) {
|
||||
.magnify {
|
||||
position: relative;
|
||||
}
|
||||
.left_contaner {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.left_contaner .middle_img {
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
}
|
||||
.left_contaner .shade {
|
||||
background-color: rgba( 135,206,235, .5);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
cursor: move;
|
||||
}
|
||||
.left_contaner .middle_img img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.left_contaner .carousel {
|
||||
.left_contaner .carousel {
|
||||
width: 100%;
|
||||
margin-top: 20px;
|
||||
display: -webkit-flex;
|
||||
}
|
||||
.left_contaner .carousel .show_box {
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
.left_contaner .carousel .arrow {
|
||||
flex-basis: 25px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.left_contaner .carousel .left_arrow {
|
||||
background: url('../image/rc-left.png') no-repeat;
|
||||
background-position: center center;
|
||||
}
|
||||
.left_contaner .carousel .right_arrow {
|
||||
background: url('../image/rc-left.png') no-repeat;
|
||||
background-position: center right;
|
||||
}
|
||||
.left_contaner .carousel .picture_container {
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
.left_contaner .picture_container .picture_item {
|
||||
height: 100%;
|
||||
float: left;
|
||||
padding: 5px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.left_contaner .picture_container .picture_item:hover {
|
||||
border: 2px solid #E2001A;
|
||||
}
|
||||
.left_contaner .picture_container .picture_item img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.right_contanier {
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
.right_contanier .big_img {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
.right_contanier {
|
||||
display:block
|
||||
}
|
||||
.right_contanier .big_img {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@ -230,84 +230,6 @@ ul li ol li em strong i {
|
||||
}
|
||||
}
|
||||
*/
|
||||
.rc-contair{
|
||||
.rc-rccontair{
|
||||
height:160px;
|
||||
display:flex;
|
||||
align-items: center;
|
||||
}
|
||||
ul{
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-evenly;
|
||||
&:after{
|
||||
content:"";
|
||||
width:154px;
|
||||
}
|
||||
li{
|
||||
margin-bottom: .16rem;
|
||||
border: 1px solid #D7D7D7;
|
||||
display: inline-flex;
|
||||
border-radius: 4px;
|
||||
flex-direction: column;
|
||||
max-width:1.6rem;
|
||||
.rc-column
|
||||
{
|
||||
text-align:center;
|
||||
padding:0 .15rem;
|
||||
box-sizing: border-box;
|
||||
span{
|
||||
height:.44rem;
|
||||
font-size: 0.16rem;
|
||||
text-overflow: -o-ellipsis-lastline;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
word-break: break-all;
|
||||
white-space: normal;
|
||||
color:#E2001A;
|
||||
}
|
||||
}
|
||||
}
|
||||
img{
|
||||
max-width:1.6rem;
|
||||
display: flex;
|
||||
margin: 0 auto;
|
||||
height: auto;
|
||||
}
|
||||
i{
|
||||
font-style: normal;
|
||||
font-size: .18rem;
|
||||
margin-top: 8px;
|
||||
color: #666666;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.rc-click{
|
||||
/*
|
||||
max-height: 1.9rem;
|
||||
min-height: 1.9rem;
|
||||
*/
|
||||
}
|
||||
strong{
|
||||
width: 1.2rem;
|
||||
height: 40px;
|
||||
border: 2px solid #E2001A;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 30px;
|
||||
margin: 0 auto;
|
||||
font-size: 14px;
|
||||
color: #E2001A;
|
||||
margin-top: 8px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//pc端
|
||||
@ -439,7 +361,6 @@ border-radius: 30px;
|
||||
}
|
||||
}
|
||||
.rc-product {
|
||||
margin-top: 30px;
|
||||
h2 {
|
||||
font-size: 18px;
|
||||
color: #333333;
|
||||
@ -451,25 +372,24 @@ border-radius: 30px;
|
||||
align-items: center;
|
||||
flex-wrap: nowrap;
|
||||
.rc-cat {
|
||||
width: 108px;
|
||||
width: 327px;
|
||||
height: 48px;
|
||||
border-radius: 30px;
|
||||
background: #ffffff;
|
||||
border-radius: 100px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
justify-content: center;
|
||||
font-size: 14px;
|
||||
&:last-child{
|
||||
margin-left: 16px;
|
||||
}
|
||||
span {
|
||||
margin-left: 0px;
|
||||
font-size: 18px;
|
||||
}
|
||||
img {
|
||||
/*
|
||||
width: 24px;
|
||||
height: 16px;
|
||||
*/
|
||||
display:none;
|
||||
}
|
||||
|
||||
}
|
||||
@ -521,75 +441,4 @@ border-radius: 30px;
|
||||
}
|
||||
}
|
||||
*/
|
||||
.rc-contair{
|
||||
margin-top: 40px;
|
||||
ul{
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
li{
|
||||
border: 1px solid #D7D7D7;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.09);
|
||||
margin-bottom:40px;
|
||||
margin-right:16px;
|
||||
max-width: 320px;
|
||||
.rc-column
|
||||
{
|
||||
text-align:center;
|
||||
padding:0 .15rem;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 32px;
|
||||
span
|
||||
{
|
||||
height:80px;
|
||||
font-size: 30px;
|
||||
text-overflow: -o-ellipsis-lastline;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
word-break: break-all;
|
||||
white-space: normal;
|
||||
color:#E2001A;
|
||||
}
|
||||
i{
|
||||
font-style: normal;
|
||||
font-size: 22px;
|
||||
margin-top: 8px;
|
||||
color: #666666;
|
||||
display: block;
|
||||
}
|
||||
strong{
|
||||
width: 1.2rem;
|
||||
height: 40px;
|
||||
border: 2px solid #E2001A;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 30px;
|
||||
margin: 0 auto;
|
||||
font-size: 14px;
|
||||
color: #E2001A;
|
||||
margin-top: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
img{
|
||||
width: 320px;
|
||||
height:auto;
|
||||
object-fit: contain;
|
||||
display: flex;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.rc-rccontair{
|
||||
height:320px;display:flex;align-items: center
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,29 +1,116 @@
|
||||
.ts-product-detail{
|
||||
i {
|
||||
font-style: normal;
|
||||
}
|
||||
.ts-realprice{
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
color: #E1001A;
|
||||
}
|
||||
.ts-ecprice{
|
||||
color:#999;
|
||||
font-weight: 400;
|
||||
}
|
||||
.ts-row-title {
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
color: #333333;
|
||||
display:inline-block;
|
||||
}
|
||||
.ts-row-title + i {
|
||||
color: #666666;
|
||||
display:inline-flex;
|
||||
max-width:16.5rem;
|
||||
}
|
||||
.ts-product-header h2{
|
||||
color: #e1001a;
|
||||
}
|
||||
.certification li{
|
||||
display:flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
.rc-productdetai {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-top: 10px;
|
||||
i {
|
||||
font-style: normal;
|
||||
color: #333333;
|
||||
}
|
||||
span {
|
||||
color: #666666;
|
||||
}
|
||||
em {
|
||||
font-style: normal;
|
||||
line-height: 22px;
|
||||
color: #E2001A;
|
||||
border-bottom:1px solid rgba(226, 0, 26, 0.15);
|
||||
}
|
||||
}
|
||||
.rc-produnnum {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 16px;
|
||||
span {
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
}
|
||||
img {
|
||||
width: 29px;
|
||||
height: 29px;
|
||||
}
|
||||
strong {
|
||||
font-style: normal;
|
||||
list-style: none;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border: 1px solid #d7d7d7;
|
||||
opacity: 1;
|
||||
border-radius: 3px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 14px;
|
||||
margin: 0 5px 0 5px;
|
||||
color: #666666;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 手机端
|
||||
@media screen and(min-width: 320px) and(max-width:768px) {
|
||||
@media screen and (max-width:768px) {
|
||||
.ts-ecprice{
|
||||
font-size:.625rem;
|
||||
}
|
||||
.rc-productdetai{
|
||||
font-size:.875rem
|
||||
}
|
||||
.rc-button{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: fixed;
|
||||
justify-content: center;
|
||||
height: 60px;
|
||||
height: 5rem;
|
||||
bottom: 0;
|
||||
background-color: white;
|
||||
box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);
|
||||
|
||||
span{
|
||||
width: 160px;
|
||||
height: 48px;
|
||||
background: #E2001A;
|
||||
border-radius: 30px;
|
||||
font-size: 16px;
|
||||
color:#FFFFFF;
|
||||
display: block;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 9.68rem;
|
||||
height: 3rem;
|
||||
background: #E2001A;
|
||||
border-radius: 30px;
|
||||
font-size: .875rem;
|
||||
color:#FFFFFF;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-shrink:0;
|
||||
}
|
||||
span:last-child{
|
||||
margin-left: 40px;
|
||||
margin-left: 1.56rem;
|
||||
}
|
||||
}
|
||||
.rc-headera{
|
||||
@ -40,34 +127,33 @@ justify-content: center;
|
||||
img{
|
||||
width: 96px;
|
||||
height: 96px;
|
||||
|
||||
}
|
||||
}
|
||||
.userer{
|
||||
span{
|
||||
width: 130px;
|
||||
height: 40px;
|
||||
border: 2px solid #E2001A;
|
||||
border-radius: 30px;
|
||||
display: block;
|
||||
color: #E2001A;
|
||||
line-height: 40px;
|
||||
margin-top: 42px;
|
||||
font-size: 14px;
|
||||
height: 40px;
|
||||
border: 2px solid #E2001A;
|
||||
border-radius: 30px;
|
||||
display: block;
|
||||
color: #E2001A;
|
||||
line-height: 40px;
|
||||
margin-top: 42px;
|
||||
font-size: 14px;
|
||||
}
|
||||
i{
|
||||
font-size: 18px;
|
||||
font-style: normal;
|
||||
display: block;
|
||||
margin-top: 32px;
|
||||
color: #E1001A;
|
||||
color: #E1001A;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
/deep/.el-dialog {
|
||||
width: 80%;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
.rc-discount {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
@ -173,56 +259,16 @@ color: #E1001A;
|
||||
}
|
||||
|
||||
}
|
||||
.rc-header {
|
||||
.ts-product-header {
|
||||
width: 100%;
|
||||
.rc-title {
|
||||
width: 100%;
|
||||
h2 {
|
||||
font-size: 22px;
|
||||
color: #e1001a;
|
||||
font-size: 1.375rem;
|
||||
margin:1.5rem 0;
|
||||
}
|
||||
}
|
||||
.productdetails {
|
||||
|
||||
margin-top: 19px;
|
||||
.rc-productdetail {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
i {
|
||||
font-style: normal;
|
||||
font-size: 14px;
|
||||
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
span {
|
||||
font-size: 18px;
|
||||
margin-left: 8px;
|
||||
color: #e1001a;
|
||||
}
|
||||
}
|
||||
.rc-productdetai {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-top: 10px;
|
||||
i {
|
||||
font-style: normal;
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
}
|
||||
span {
|
||||
font-size: 14px;
|
||||
color: #666666;
|
||||
margin-left: 8px;
|
||||
}
|
||||
em {
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
margin-left: 68px;
|
||||
color: #e2001a;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.rc-productdeta {
|
||||
@ -242,50 +288,12 @@ color: #E1001A;
|
||||
width: 59px;
|
||||
font-size: 16px;
|
||||
margin-left: 4px;
|
||||
margin-right: 12px;
|
||||
height: 39px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.rc-produnnum {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-bottom: 20px;
|
||||
margin-top: 16px;
|
||||
span {
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
}
|
||||
img {
|
||||
width: 29px;
|
||||
height: 29px;
|
||||
display: block;
|
||||
margin-left: 5px;
|
||||
|
||||
}
|
||||
.rc-message {
|
||||
width: 29px;
|
||||
margin-left: 8px;
|
||||
height: 29px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
strong {
|
||||
font-style: normal;
|
||||
list-style: none;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border: 1px solid #d7d7d7;
|
||||
opacity: 1;
|
||||
border-radius: 3px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 14px;
|
||||
margin: 0 5px 0 5px;
|
||||
color: #666666;
|
||||
}
|
||||
}
|
||||
.certification {
|
||||
.rc-button{
|
||||
width: 100%;
|
||||
@ -293,49 +301,80 @@ color: #E1001A;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
span{
|
||||
width: 160px;
|
||||
height: 48px;
|
||||
background: #E2001A;
|
||||
border-radius: 30px;
|
||||
font-size: 16px;
|
||||
color:#FFFFFF;
|
||||
display: block;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 10rem;
|
||||
height: 3rem;
|
||||
background: #E2001A;
|
||||
border-radius: 30px;
|
||||
font-size: 1rem;
|
||||
color:#FFFFFF;
|
||||
display: block;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
span:last-child{
|
||||
margin-left: 40px;
|
||||
margin-left: 2.5rem;
|
||||
}
|
||||
}
|
||||
margin-top: 16px;
|
||||
margin-top: 1rem;
|
||||
ul {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
line-height: 30px;
|
||||
li {
|
||||
float: left;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
span {
|
||||
font-size: 14px;
|
||||
font-size: .875rem;
|
||||
color: #333333;
|
||||
}
|
||||
i{
|
||||
font-style: normal;
|
||||
font-size: 14px;
|
||||
color: #666666;
|
||||
margin-left: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// /* 最小768px最大1920 *pc端/
|
||||
@media screen and (min-width: 768px) and (max-width: 1920px) {
|
||||
@media screen and (min-width: 768px) {
|
||||
.ts-product-detail{
|
||||
padding: 0 0.2rem;
|
||||
box-sizing: border-box;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
max-width: 1400px;
|
||||
.rc-main{
|
||||
padding:0;
|
||||
}
|
||||
.ts-row-title{
|
||||
font-size: 16px;
|
||||
width:82px;
|
||||
}
|
||||
.ts-row-title + i {
|
||||
font-size: 16px;
|
||||
max-width:596px;
|
||||
}
|
||||
}
|
||||
.rc-button{
|
||||
width: 100%;
|
||||
padding-top: 33px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
span{
|
||||
width: 160px;
|
||||
height: 48px;
|
||||
background: #E2001A;
|
||||
border-radius: 30px;
|
||||
font-size: 16px;
|
||||
color:#FFFFFF;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
span:last-child{
|
||||
margin-left: 40px;
|
||||
}
|
||||
}
|
||||
.rc-headera{
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
@ -349,76 +388,34 @@ justify-content: center;
|
||||
img{
|
||||
width: 96px;
|
||||
height: 96px;
|
||||
|
||||
}
|
||||
}
|
||||
.userer{
|
||||
span{
|
||||
width: 130px;
|
||||
height: 40px;
|
||||
border: 2px solid #E2001A;
|
||||
border-radius: 30px;
|
||||
display: block;
|
||||
color: #E2001A;
|
||||
line-height: 40px;
|
||||
margin-top: 42px;
|
||||
font-size: 14px;
|
||||
height: 40px;
|
||||
border: 2px solid #E2001A;
|
||||
border-radius: 30px;
|
||||
display: block;
|
||||
color: #E2001A;
|
||||
line-height: 40px;
|
||||
margin-top: 42px;
|
||||
font-size: 14px;
|
||||
}
|
||||
i{
|
||||
font-size: 18px;
|
||||
font-style: normal;
|
||||
display: block;
|
||||
margin-top: 32px;
|
||||
color: #E1001A;
|
||||
color: #E1001A;
|
||||
}
|
||||
}
|
||||
}
|
||||
.rc-header{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
h3{
|
||||
color:#333333;
|
||||
font-size: 26px;
|
||||
}
|
||||
.rc-title{
|
||||
img{
|
||||
width: 96px;
|
||||
height: 96px;
|
||||
|
||||
}
|
||||
}
|
||||
.userer{
|
||||
img{
|
||||
width: 210px;
|
||||
height: 210px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
|
||||
}
|
||||
|
||||
span{
|
||||
font-size: 16px;
|
||||
|
||||
color: #333333;
|
||||
}
|
||||
i{
|
||||
font-size: 18px;
|
||||
font-style: normal;
|
||||
display: block;
|
||||
margin-top: 32px;
|
||||
color: #E1001A;
|
||||
}
|
||||
}
|
||||
}
|
||||
/deep/.el-dialog {
|
||||
width: 440px;
|
||||
height: 432px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
}
|
||||
.rc-discount {
|
||||
position: relative;
|
||||
img {
|
||||
@ -515,97 +512,37 @@ color: #E1001A;
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
}
|
||||
.rc-header {
|
||||
.ts-product-header {
|
||||
width: 100%;
|
||||
margin-left: 80px;
|
||||
.rc-footimage{
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
img{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
font-size: 16px;
|
||||
.rc-title {
|
||||
height: 85px;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid #d8d8d8;
|
||||
h2 {
|
||||
font-size: 30px;
|
||||
margin-bottom:42px;
|
||||
}
|
||||
}
|
||||
.ts-realprice{
|
||||
font-size: 20px;
|
||||
}
|
||||
.ts-ecprice{
|
||||
|
||||
font-size: 30px;
|
||||
color: #e1001a;
|
||||
}
|
||||
}
|
||||
.productdetails {
|
||||
.rc-button{
|
||||
width: 100%;
|
||||
padding-top: 33px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
span{
|
||||
width: 160px;
|
||||
height: 48px;
|
||||
background: #E2001A;
|
||||
border-radius: 30px;
|
||||
font-size: 16px;
|
||||
color:#FFFFFF;
|
||||
display: block;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
span:last-child{
|
||||
margin-left: 40px;
|
||||
}
|
||||
}
|
||||
margin-top: 19px;
|
||||
.rc-productdetail {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
i {
|
||||
font-style: normal;
|
||||
font-size: 18px;
|
||||
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
span {
|
||||
font-size: 18px;
|
||||
margin-left: 8px;
|
||||
color: #e1001a;
|
||||
}
|
||||
}
|
||||
.rc-productdetai {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 10px;
|
||||
border-bottom: 1px solid #d7d7d7;
|
||||
padding-bottom: 17px;
|
||||
i {
|
||||
font-style: normal;
|
||||
|
||||
|
||||
font-size: 18px;
|
||||
color: #333333;
|
||||
}
|
||||
span {
|
||||
|
||||
font-size: 20px;
|
||||
color: #666666;
|
||||
margin-left: 8px;
|
||||
}
|
||||
em {
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
width: 40%;
|
||||
text-align: right;
|
||||
display: block;
|
||||
color: #E2001A;
|
||||
cursor: pointer;
|
||||
border-bottom : unset;
|
||||
padding-right:1rem;
|
||||
position:relative;
|
||||
&:after{
|
||||
content: " ";
|
||||
width: .5rem;
|
||||
height: 1rem;
|
||||
background: url(/_nuxt/assets/image/arr-right-red.png) no-repeat left top;
|
||||
background-size: contain;
|
||||
display: block;
|
||||
position:absolute;
|
||||
right:0;
|
||||
top:.25rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -616,8 +553,7 @@ color: #E2001A;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
span {
|
||||
|
||||
font-size: 18px;
|
||||
font-size: 18px;
|
||||
color: #333333;
|
||||
}
|
||||
em {
|
||||
@ -627,68 +563,33 @@ font-size: 18px;
|
||||
justify-content: center;
|
||||
width: 59px;
|
||||
font-size: 16px;
|
||||
margin-left: 10px;
|
||||
height: 39px;
|
||||
border-radius: 3px;
|
||||
color:#666666;
|
||||
}
|
||||
}
|
||||
}
|
||||
.rc-produnnum {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-bottom: 20px;
|
||||
margin-top: 16px;
|
||||
border-bottom: 1px solid #d7d7d7;
|
||||
span {
|
||||
font-size: 18px;
|
||||
color: #333333;
|
||||
}
|
||||
img {
|
||||
width: 29px;
|
||||
height: 29px;
|
||||
display: block;
|
||||
}
|
||||
.rc-message {
|
||||
width: 29px;
|
||||
margin-left: 8px;
|
||||
height: 29px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
strong {
|
||||
font-style: normal;
|
||||
list-style: none;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border: 1px solid #d7d7d7;
|
||||
opacity: 1;
|
||||
border-radius: 3px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 14px;
|
||||
margin: 0 5px 0 5px;
|
||||
color: #666666;
|
||||
}
|
||||
}
|
||||
.certification {
|
||||
.rc-button{
|
||||
width: 100%;
|
||||
padding-top: 33px;
|
||||
padding-top: 32px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
span{
|
||||
width: 160px;
|
||||
height: 48px;
|
||||
background: #E2001A;
|
||||
border-radius: 30px;
|
||||
font-size: 16px;
|
||||
color:#FFFFFF;
|
||||
display: block;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 48px;
|
||||
background: #E2001A;
|
||||
border-radius: 30px;
|
||||
font-size: 16px;
|
||||
color:#FFFFFF;
|
||||
display: block;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
span:last-child{
|
||||
margin-left: 40px;
|
||||
@ -696,25 +597,17 @@ justify-content: center;
|
||||
}
|
||||
margin-top: 16px;
|
||||
ul {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
line-height:40px;
|
||||
text-align: left;
|
||||
li {
|
||||
}
|
||||
}
|
||||
}
|
||||
.rc-footimage{
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
img{
|
||||
width: 100%;
|
||||
float: left;
|
||||
span {
|
||||
font-size: 18px;
|
||||
color: #333333;
|
||||
}
|
||||
i{
|
||||
font-style: normal;
|
||||
font-size: 16px;
|
||||
color: #666666;
|
||||
margin-left: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
1934
rc-busness/assets/css/royalcanin-custom.css
Normal file
1934
rc-busness/assets/css/royalcanin-custom.css
Normal file
File diff suppressed because it is too large
Load Diff
23308
rc-busness/assets/css/royalcanin-standard.css
Normal file
23308
rc-busness/assets/css/royalcanin-standard.css
Normal file
File diff suppressed because it is too large
Load Diff
@ -16,6 +16,18 @@
|
||||
margin: 0 auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
.active{
|
||||
border: 2px solid #E2001A;
|
||||
color: #E2001A;
|
||||
cursor: pointer;
|
||||
|
||||
}
|
||||
.unactive{
|
||||
border: 2px solid #d7d7d7;
|
||||
color:#999999;
|
||||
cursor: pointer;
|
||||
|
||||
}
|
||||
}
|
||||
//手机端
|
||||
@media screen and (max-width: 768px) {
|
||||
@ -65,18 +77,7 @@
|
||||
.rc-cat{
|
||||
margin-top: 0.24rem;
|
||||
}
|
||||
.active{
|
||||
border: 2px solid #E2001A;
|
||||
color: #E2001A;
|
||||
cursor: pointer;
|
||||
|
||||
}
|
||||
.unactive{
|
||||
border: 2px solid #d7d7d7;
|
||||
color:#999999;
|
||||
cursor: pointer;
|
||||
|
||||
}
|
||||
|
||||
.rc-productcat {
|
||||
display: flex;
|
||||
|
||||
BIN
rc-busness/assets/image/anquan.png
Normal file
BIN
rc-busness/assets/image/anquan.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
BIN
rc-busness/assets/image/arr-right-red.png
Normal file
BIN
rc-busness/assets/image/arr-right-red.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 40 KiB |
1
rc-busness/assets/image/royal-canin.sprite--brand1.svg
Normal file
1
rc-busness/assets/image/royal-canin.sprite--brand1.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 62 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 40 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 54 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 54 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 40 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 62 KiB |
BIN
rc-busness/assets/image/royalcanincn-qrcode.jpg
Normal file
BIN
rc-busness/assets/image/royalcanincn-qrcode.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 148 KiB |
BIN
rc-busness/assets/image/sub-nav/sub-nav-1.jpg
Normal file
BIN
rc-busness/assets/image/sub-nav/sub-nav-1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 132 KiB |
BIN
rc-busness/assets/image/sub-nav/sub-nav-2.jpg
Normal file
BIN
rc-busness/assets/image/sub-nav/sub-nav-2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 121 KiB |
BIN
rc-busness/assets/image/sub-nav/sub-nav-3.jpg
Normal file
BIN
rc-busness/assets/image/sub-nav/sub-nav-3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 154 KiB |
BIN
rc-busness/assets/image/sub-nav/sub-nav-4.jpg
Normal file
BIN
rc-busness/assets/image/sub-nav/sub-nav-4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
21
rc-busness/assets/image/wechat.svg
Normal file
21
rc-busness/assets/image/wechat.svg
Normal file
@ -0,0 +1,21 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="18px" height="16px" viewBox="0 0 18 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<title>编组 8</title>
|
||||
<g id="控件" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="header" transform="translate(-819.000000, -52.000000)" fill="#666666" stroke="#666666" stroke-width="0.1">
|
||||
<g id="编组-17" transform="translate(760.000000, 39.000000)">
|
||||
<g id="编组-6" transform="translate(48.000000, 0.000000)">
|
||||
<g id="编组" transform="translate(11.000000, 12.000000)">
|
||||
<g id="编组-8" transform="translate(0.999700, 2.920900)">
|
||||
<path d="M5.875,8.608 C5.541,8.608 5.236,8.531 4.914,8.448 L4.647,8.381 C4.587,8.368 4.528,8.351 4.509,8.351 C4.507,8.351 4.505,8.351 4.505,8.352 C4.394,8.287 4.267,8.252 4.138,8.252 C4.044,8.252 3.952,8.27 3.84,8.319 L3.274,8.619 C3.282,8.587 3.29,8.554 3.297,8.522 C3.309,8.466 3.317,8.41 3.318,8.37 C3.339,8.187 3.289,8.005 3.176,7.861 C3.081,7.738 2.964,7.661 2.861,7.592 C2.817,7.563 2.771,7.534 2.73,7.5 C2.583,7.376 2.443,7.244 2.316,7.111 C1.756,6.487 1.484,5.795 1.484,4.994 C1.484,2.976 3.337,1.511 5.889,1.511 C7.919,1.511 9.517,2.481 10.065,4.008 C9.064,4.12 8.246,4.471 7.451,5.126 C6.987,5.503 6.611,5.962 6.333,6.494 C6.072,7.003 5.897,7.471 5.893,8.095 C5.891,8.266 5.901,8.437 5.923,8.608 L5.875,8.608 Z M13.159,10.581 C13.06,10.709 13.013,10.869 13.026,11.005 C13.026,11.059 13.032,11.114 13.042,11.166 L13.044,11.174 L12.644,10.972 C12.563,10.938 12.477,10.92 12.389,10.92 C12.276,10.92 12.166,10.949 12.133,10.978 C11.774,11.08 11.402,11.131 11.03,11.131 L10.922,11.13 C9.91,11.123 8.999,10.818 8.358,10.273 C7.734,9.743 7.394,9.006 7.4,8.199 C7.413,6.553 8.862,5.404 10.966,5.404 C12.934,5.419 14.534,6.671 14.534,8.197 C14.534,9.042 14.201,9.741 13.545,10.276 C13.512,10.302 13.477,10.324 13.441,10.346 C13.355,10.402 13.247,10.469 13.159,10.581 Z M14.51,5.182 C13.724,4.514 12.739,4.095 11.652,3.966 C11.57,3.641 11.452,3.326 11.298,3.025 C10.981,2.408 10.548,1.872 10.014,1.43 C8.906,0.507 7.442,3.55271368e-15 5.89,3.55271368e-15 C4.338,3.55271368e-15 2.874,0.507 1.768,1.429 C1.231,1.871 0.798,2.407 0.48,3.025 C-0.16,4.274 -0.16,5.766 0.48,7.014 C0.714,7.475 1.026,7.9 1.404,8.279 C1.404,8.279 1.575,8.453 1.705,8.581 L1.384,9.802 C1.318,10.063 1.406,10.341 1.609,10.514 C1.738,10.625 1.904,10.686 2.075,10.686 C2.168,10.686 2.259,10.669 2.345,10.632 L4.244,9.854 C4.363,9.872 4.384,9.877 4.512,9.903 C4.963,9.994 5.425,10.04 5.885,10.04 C6.041,10.04 6.197,10.035 6.353,10.024 C6.617,10.521 6.969,10.957 7.401,11.318 C8.344,12.12 9.594,12.567 10.977,12.576 C11.443,12.576 11.911,12.521 12.368,12.409 L13.823,13.028 C13.903,13.062 13.988,13.079 14.075,13.079 C14.225,13.079 14.371,13.026 14.486,12.931 C14.672,12.779 14.755,12.528 14.699,12.293 L14.472,11.366 C14.927,10.994 15.306,10.528 15.577,10.008 C16.135,8.933 16.145,7.646 15.604,6.563 C15.336,6.03 14.967,5.565 14.51,5.182 Z" id="Fill-9"></path>
|
||||
<path d="M12.8995,6.6099 C12.7775,6.4909 12.6165,6.4239 12.4375,6.4239 C12.2665,6.4239 12.1055,6.4909 11.9835,6.6109 C11.8615,6.7299 11.7915,6.8959 11.7905,7.0679 C11.7905,7.4229 12.0825,7.7119 12.4405,7.7119 L12.4445,7.7119 C12.6165,7.7119 12.7785,7.6449 12.8995,7.5259 C13.0215,7.4059 13.0915,7.2389 13.0925,7.0669 C13.0915,6.8959 13.0215,6.7299 12.8995,6.6099" id="Fill-1"></path>
|
||||
<path d="M4.046,2.6324 C3.845,2.6324 3.653,2.7104 3.507,2.8544 C3.363,2.9954 3.28,3.1944 3.278,3.3984 C3.278,3.8204 3.626,4.1634 4.054,4.1634 C4.482,4.1634 4.83,3.8204 4.83,3.3974 C4.828,3.1944 4.745,2.9954 4.6,2.8544 C4.455,2.7104 4.264,2.6324 4.046,2.6324" id="Fill-3"></path>
|
||||
<path d="M7.6969,2.6597 C7.4919,2.6597 7.2989,2.7387 7.1549,2.8817 C7.0099,3.0237 6.9259,3.2227 6.9249,3.4267 C6.9249,3.8487 7.2729,4.1917 7.7009,4.1917 C8.1289,4.1917 8.4769,3.8487 8.4769,3.4257 C8.4759,3.2227 8.3919,3.0247 8.2469,2.8807 C8.1009,2.7377 7.9089,2.6597 7.6969,2.6597" id="Fill-5"></path>
|
||||
<path d="M9.4591,6.4019 C9.2881,6.4019 9.1261,6.4679 9.0041,6.5879 C8.8821,6.7079 8.8131,6.8739 8.8121,7.0459 C8.8131,7.3999 9.1051,7.6879 9.4621,7.6879 L9.4661,7.6879 C9.6391,7.6879 9.8001,7.6229 9.9211,7.5029 C10.0441,7.3809 10.1131,7.2169 10.1131,7.0439 C10.1121,6.8709 10.0431,6.7099 9.9211,6.5879 C9.7991,6.4679 9.6381,6.4019 9.4591,6.4019" id="Fill-7"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.5 KiB |
BIN
rc-busness/assets/image/weibo.png
Normal file
BIN
rc-busness/assets/image/weibo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
15
rc-busness/assets/image/weibo.svg
Normal file
15
rc-busness/assets/image/weibo.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 6.9 KiB |
BIN
rc-busness/assets/image/weixin.png
Normal file
BIN
rc-busness/assets/image/weixin.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
rc-busness/assets/image/xiaochenxu.png
Normal file
BIN
rc-busness/assets/image/xiaochenxu.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
@ -1,36 +1,371 @@
|
||||
<template>
|
||||
<header class="rc-home-header fixed">
|
||||
<div class="rc-main">
|
||||
<nuxt-link :to="`../../productdetails/userdetails/`">
|
||||
<div class="c-left">
|
||||
<img src="../assets/image/rc-icon.png" alt="">
|
||||
<div>
|
||||
<header class="rc-header" data-js-header-scroll="" data-activated="true">
|
||||
<nav class="rc-header__nav rc-header__nav--primary">
|
||||
<ul class="rc-list rc-list--blank rc-list--inline rc-list--align" role="menubar">
|
||||
<li class="rc-list__item rc-xl-down">
|
||||
<button class="rc-btn rc-btn--icon-label rc-icon rc-menu--xs rc-iconography rc-md-up" data-modal-trigger="main-nav-modal" aria-label="Menu" role="menuitem">
|
||||
菜单
|
||||
</button>
|
||||
<button class="rc-btn rc-btn--icon rc-icon rc-menu--xs rc-iconography rc-md-down" data-js-trigger="mobile-push-nav" aria-label="Menu" role="menuitem">
|
||||
<span class="rc-screen-reader-text">
|
||||
translations.feature.headerbar.menu
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
<a href="#" class="rc-header__brand">
|
||||
<h1>
|
||||
<span class="rc-screen-reader-text">translations.feature.headerbar.alternatelogotext</span>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 223 83.75" class="rc-header__logo">
|
||||
<title>Royal Canin logo - animated</title>
|
||||
<path class="cls-1 rc-header__logo-text" d="M98,74.8h-6l0,0c-0.2,0-0.3-0.2-0.3-0.3V56.4c0.1-0.3,0.1-0.7,0-1c-0.3-1.7-1.9-2.8-3.6-2.6 c-1.7,0.3-2.8,1.9-2.6,3.6v22.6c0,0.9,0.7,1.7,1.7,1.8H98c0.1,0,0.2,0,0.3,0c1.6-0.1,2.8-1.5,2.7-3.1C101,75.8,99.7,74.7,98,74.8z M76.3,54.3l-16,21.6c-0.4,0.5-0.6,1.1-0.6,1.8c0,0.9,0.4,1.9,1.3,2.4c1.4,0.9,3.1,0.6,4.1-0.6l3.1-4.2h7.5v2.4 c0.1,1.7,1.5,3,3.1,2.9l0,0c1.7,0,2.9-1.4,2.9-2.9V56.3c0-0.9-0.4-1.8-1-2.3C79.4,52.8,77.4,52.9,76.3,54.3z M75.6,69.2h-2.8 c-0.1,0-0.2-0.1-0.2-0.2V69l3-4.1C75.6,64.8,75.6,69.2,75.6,69.2z M67.5,56.4c0-1.6-1.3-2.9-2.8-2.9c-0.8,0-1.6,0.3-2.1,0.8 l-6.8,7.1c-0.1,0.1-0.2,0.1-0.3,0.1s-0.2,0-0.2-0.1l-6.8-7.1c-0.5-0.5-1.3-0.9-2.1-0.9c-1.6,0-2.8,1.3-2.8,2.8c0,0.7,0.3,1.5,0.7,2 l8.3,9.5l0.1,10c0,1.6,1.3,2.9,2.9,2.9c1.6,0,2.9-1.3,2.9-2.9l0.2-9.9l8.1-9.5C67.3,57.7,67.5,57,67.5,56.4z M32.4,53.4 c-7.5,0-13.6,6.1-13.6,13.6s6.1,13.6,13.6,13.6S46,74.4,46,66.9C46,59.6,39.9,53.5,32.4,53.4z M32.4,74.2c-4.1,0-7.3-3.2-7.3-7.3 s3.2-7.3,7.3-7.3s7.3,3.2,7.3,7.3C39.7,71,36.5,74.2,32.4,74.2z M175.9,52.8c-1.5,0.1-2.7,1.3-2.7,2.7v12.7c0,0.1-0.1,0.2-0.2,0.2 c-0.1,0-0.1,0-0.1-0.1l-7.4-13.1c-1.1-2-3.7-2.6-5.6-1.4c-1.1,0.7-1.9,2-2,3.3v20.8c0.1,1.7,1.6,2.9,3.1,2.8s2.7-1.3,2.8-2.8V65.2 c0-0.1,0.1-0.2,0.2-0.2s0.1,0,0.1,0.1l7.6,13.4c1,1.9,3.4,2.5,5.3,1.5c1.3-0.7,2-2,2-3.3V55.6C178.9,54,177.6,52.7,175.9,52.8z M14,69.5c2.4-1.5,4-4.1,3.9-6.9c0,0,0,0,0-0.1c0.1-4.9-3.9-9-8.8-9.1c-2.4-0.2-4.9,0.6-6.6,2.3C0.6,57.6,0,60,0,62.6l0.4,15.1 c0,1.6,1.3,2.9,2.9,2.9s2.9-1.3,2.9-2.9l0.1-7.2l0,0c0-0.2,0.1-0.3,0.3-0.3c0,0,0.1,0,0.2,0l7.1,9.7c0.5,0.5,1.1,0.7,1.9,0.7 c1.6,0,2.8-1.3,2.9-2.8c0-0.4-0.1-0.8-0.3-1.3L14,69.5z M8.9,65.3c-0.2,0-0.3,0-0.5,0c-1.7-0.1-2.8-1.6-2.7-3.1 c0.1-1.7,1.6-2.8,3.1-2.7c0.2,0,0.3,0,0.5,0c1.7,0.1,2.8,1.6,2.7,3.1C11.9,64.2,10.4,65.7,8.9,65.3z M129.8,71.5 c-0.4,0-0.9,0.1-1.4,0.3l-2.4,1.6c-1.1,0.7-2.5,1.1-3.9,1.1c-4.2-0.2-7.3-3.8-7.1-7.8c0.2-3.9,3.2-6.9,7.1-7.1 c1.4,0,2.7,0.4,3.9,1.1l2.3,1.6c0.4,0.2,0.8,0.3,1.4,0.3c1.6,0,2.9-1.3,2.9-2.9l0,0c0-0.6-0.2-1.4-0.7-1.9c-2.3-2.7-5.7-4.3-9.4-4.3 c-7.5,0-13.6,6.1-13.6,13.6l0,0c0,7.2,5.6,13.2,12.8,13.6c3.9,0,7.5-1.6,10.2-4.4c0.4-0.5,0.7-1.1,0.6-1.9 C132.8,72.8,131.4,71.5,129.8,71.5z M185.4,52.7c-1.8,0-3.1,1.5-3.1,3.1v21.9c0,1.8,1.5,3.1,3.1,3.1c1.8,0,3.1-1.5,3.1-3.1V55.8 C188.5,54.1,187.2,52.7,185.4,52.7z M139.9,54.2c-0.6-0.6-1.5-1-2.4-1c-1.8,0-3.1,0.8-3.1,2.6v21.9l0,0c0,1.7,1.4,2.9,3,2.9 s3-1.3,3.1-2.9v-2.4h7.5l3.1,4.2c0.5,0.7,1.5,1.1,2.4,1.1c1.7,0,2.9-1.4,2.9-2.9c0-0.6-0.2-1.3-0.6-1.8L139.9,54.2z M143.5,69 c0,0.1-0.1,0.2-0.2,0.2h-2.8v-4.5l3,4.2C143.6,68.9,143.6,68.9,143.5,69z M209.9,52.8c-1.5,0.1-2.7,1.3-2.7,2.7v12.7 c0,0.1-0.1,0.2-0.2,0.2c-0.1,0-0.1,0-0.2-0.1l-7.3-13.1c-1.1-2-3.7-2.6-5.6-1.4c-1.1,0.7-1.9,2-2,3.3v20.8c0,1.7,1.4,3,3,3 s3-1.4,3-3V65.2c0-0.1,0.1-0.2,0.2-0.2s0.1,0,0.1,0.1l7.6,13.4c1,1.9,3.4,2.5,5.3,1.5c1.3-0.7,2-2,2-3.3V55.6 C212.9,54,211.5,52.7,209.9,52.8z M220.7,55.3c0-0.1,0-0.1,0-0.2c0-0.8-0.6-1-1.3-1h-0.9c-0.3,0-0.4,0.2-0.4,0.3v2.7 c0,0.3,0.1,0.4,0.4,0.4s0.4-0.2,0.4-0.4v-1h0.2l0.5,1c0.1,0.2,0.2,0.4,0.5,0.4s0.4-0.1,0.4-0.3c0-0.1,0-0.1,0-0.2l-0.6-0.9 C220.3,56.2,220.7,55.7,220.7,55.3z M219.5,55.5h-0.6v-0.8h0.6c0.3,0,0.5,0.1,0.5,0.4S219.8,55.5,219.5,55.5z M219.4,52.6 L219.4,52.6c-1.8,0-3.2,1.5-3.2,3.2s1.5,3.2,3.2,3.2s3.2-1.5,3.2-3.2C222.5,54.1,221.1,52.6,219.4,52.6z M219.4,58.2L219.4,58.2 c-1.4,0-2.4-1-2.4-2.4s1-2.4,2.4-2.4s2.4,1,2.4,2.4C221.8,57.1,220.7,58.2,219.4,58.2z" style="fill:#e2001a"></path>
|
||||
<path class="cls-1 rc-header__logo-crown" d="M132.7,38.8c-6.4-4.7-16-7.5-25.9-7.5s-19.6,2.8-25.9,7.5c-0.6,0.4-0.9,1.1-0.9,1.9c0,1.4,1,2.4,2.4,2.4l0,0 c0.5,0,1-0.2,1.5-0.5C88.2,39.4,96.5,36,107,36s18.7,3.4,23,6.6l0.1,0.1c1,0.7,2.6,0.5,3.3-0.6C134,41,133.8,39.5,132.7,38.8z M106.8,37c-9.2,0-17.9,2.7-23.3,7.2c0,0,0,0-0.1,0c-0.6,0.6-0.7,1.6-0.2,2.3c0.3,0.4,0.7,0.6,1.3,0.6c0.4,0,0.7-0.1,1-0.4 c4.8-4,12.8-6.5,21.2-6.5s16.3,2.4,21.2,6.5c0.7,0.6,1.8,0.5,2.3-0.2c0.6-0.7,0.5-1.8-0.2-2.3C124.6,39.8,115.9,37,106.8,37z M71.8,12.8L71.8,12.8L71.8,12.8L71.8,12.8z M77,19.7c0.7-2.9-1-5.8-4-6.7c-0.4-0.1-0.9-0.2-1.4-0.2c-3,0-5.4,2.4-5.4,5.4 s2.4,5.4,5.4,5.4C74.3,23.8,76.4,22.1,77,19.7z M106.8,28.1c3,0,5.4-2.4,5.4-5.4s-2.4-5.4-5.4-5.4s-5.4,2.4-5.4,5.4 S103.7,28.1,106.8,28.1z M106.8,14.3c3,0,5.4-2.4,5.4-5.4s-2.4-5.5-5.4-5.5s-5.4,2.4-5.4,5.4C101.3,11.9,103.7,14.3,106.8,14.3z M90.8,19.2C87.9,20,86.2,23.1,87,26c0.6,2.3,2.8,3.9,5.2,4h0.1c0.4,0,0.9-0.1,1.4-0.2c2.9-0.8,4.6-3.8,3.9-6.7 C97,20.7,94.8,19,92.3,19C91.7,19,91.3,19.1,90.8,19.2z M84,31.5c0.7-2.9-1-6-4-6.7c-0.4-0.1-0.9-0.2-1.4-0.2l0,0 c-0.9,0-1.9,0.3-2.8,0.7c-1.3,0.7-2.2,2-2.5,3.3c-0.4,1.5-0.2,2.9,0.6,4.2c0.9,1.7,2.7,2.6,4.7,2.7c0.9,0,2-0.2,2.8-0.7 C82.7,34.1,83.7,32.9,84,31.5z M119.9,29.7c0.5,0.1,0.9,0.2,1.5,0.2c3,0,5.4-2.5,5.4-5.4c0-2.5-1.7-4.6-4-5.2 c-0.5-0.1-0.9-0.2-1.5-0.2c-3,0-5.4,2.5-5.4,5.5C115.8,26.9,117.5,29.1,119.9,29.7z M123.5,16.5c0.4,0.1,0.9,0.2,1.5,0.2 c3,0,5.4-2.5,5.4-5.4c0-2.5-1.7-4.6-4-5.2c-0.5-0.1-0.9-0.2-1.5-0.2c-3,0-5.4,2.5-5.4,5.5C119.5,13.6,121.2,15.8,123.5,16.5z M137.7,25.4c-0.8-0.5-1.8-0.7-2.7-0.7c-3,0-5.4,2.4-5.4,5.4c0,0.4,0.1,0.9,0.2,1.4c0.3,1.4,1.3,2.6,2.5,3.3c2.6,1.6,6,0.6,7.5-2 c0.7-1.3,0.9-2.7,0.6-4.2C139.8,27.4,138.9,26.2,137.7,25.4z M147.2,17c-0.3-1.4-1.3-2.6-2.5-3.3c-2.6-1.6-6-0.6-7.5,2 c-0.7,1.3-0.9,2.7-0.6,4.2c0.3,1.4,1.3,2.6,2.5,3.3c2.6,1.6,6,0.7,7.5-1.9C147.4,19.9,147.6,18.2,147.2,17z M88.7,16.7L88.7,16.7 c0.5,0,1-0.1,1.5-0.2c2.9-0.8,4.6-3.9,3.9-6.7c-0.6-2.4-2.8-4-5.2-4c-0.5,0-0.9,0.1-1.5,0.2c-2.9,0.8-4.6,3.9-3.9,6.7 C84.1,15,86.2,16.7,88.7,16.7z" style="fill:#e2001a"></path>
|
||||
</svg>
|
||||
</h1>
|
||||
</a>
|
||||
<ul class="rc-list rc-list--blank rc-list--inline rc-list--align rc-header__right" role="menubar">
|
||||
<li class="rc-list__item rc-inline-flex" role="menubar">
|
||||
<a href="https://weibo.com/chinaroyalcanin?topnav=1&wvr=6&topsug=1&is_all=1" target='_blank' class="rc-lg-up rc-btn rc-btn--icon rc-icon ts-weibo--xs rc-iconography rc-interactive" aria-label="weibo">
|
||||
<span class="rc-screen-reader-text">
|
||||
微博
|
||||
</span>
|
||||
</a>
|
||||
<a href="javascript:;" onmouseenter='bindTracking(this)' evt-name='页内弹窗' evt-cat='headerBtnClick' evt-val='微信扫一扫' class="rc-lg-up rc-btn rc-btn--icon rc-icon ts-wechat--xs rc-iconography rc-interactive" aria-label="wechat">
|
||||
<span class="rc-screen-reader-text">
|
||||
微信
|
||||
</span>
|
||||
<div class="ts-hover-show">
|
||||
<span class="rc-text--center">微信扫一扫</span>
|
||||
<img src="#profiles/custom/royal_canin_profile/themes/royal_canin/images/royalcanincn-qrcode.jpg">
|
||||
</div>
|
||||
</nuxt-link>
|
||||
</a>
|
||||
<!--
|
||||
<button href="#" onclick='bindTracking(this)' evt-name='页内弹窗' evt-cat='headerBtnClick' evt-val='地理位置选择' class="rc-btn rc-btn--icon rc-icon rc-language--xs rc-iconography rc-interactive rc-md-up" aria-label="language" data-modal-trigger="country-lang-selector" role="menuitem">
|
||||
<span class="rc-screen-reader-text">
|
||||
Language
|
||||
</span>
|
||||
</button>
|
||||
-->
|
||||
<a href="#" data-modal-trigger="modal-whereToBuy" onclick='bindTracking(this)' evt-name='页内弹窗' evt-cat='headerBtnClick' evt-val='在哪购买' class="rc-btn rc-btn--icon rc-icon rc-pin--xs rc-iconography rc-interactive rc-xs-up" aria-label="pin">
|
||||
<span class="rc-screen-reader-text">
|
||||
translations.feature.headerbar.pin
|
||||
</span>
|
||||
</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">
|
||||
<span class="rc-screen-reader-text">translations.feature.headerbar.search</span>
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<nuxt-link :to="`/userseach/search/`">
|
||||
<div class="c-right">
|
||||
<img src="../assets/image/rc-logo.png" alt="" class="flex-center">
|
||||
|
||||
</div>
|
||||
</nuxt-link>
|
||||
<nuxt-link :to="`../../usersearch/search/`">
|
||||
<div class="rc-search">
|
||||
<img src="../assets/image/rc-search.png" alt="">
|
||||
</div>
|
||||
</nuxt-link>
|
||||
<div class="rc-center">
|
||||
|
||||
<ul>
|
||||
<li>猫</li>
|
||||
<li>犬</li>
|
||||
<li>定制营养方案</li>
|
||||
<li>关于我们</li>
|
||||
</nav>
|
||||
<nav class="rc-header__nav rc-header__nav--secondary rc-md-up" data-component="nav-track" data-nav-name="Header navigation">
|
||||
<!-- Menu section-->
|
||||
<div class="rc-container">
|
||||
<ul class="rc-list rc-list--blank rc-list--inline rc-list--align rc-header__center">
|
||||
<li class="rc-list__item">
|
||||
<a href="#cats" class="rc-list__header" data-ref="nav-link" role="menuitem" title="猫">猫</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#dogs" class="rc-list__header" data-ref="nav-link" role="menuitem" title="犬">犬</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#tailored-nutrition" class="rc-list__header" data-ref="nav-link" role="menuitem" title="定制营养方案">定制营养方案</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#about" class="rc-list__header" data-ref="nav-link" role="menuitem" title="关于我们">关于我们</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="submenu rc-layout-container rc-one-column rc-margin--none rc-xl-up">
|
||||
<!-- Sub menu -->
|
||||
<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">
|
||||
<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">
|
||||
<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">
|
||||
<li class="rc-list__item">
|
||||
<a href="#cats/products" class="rc-list__link" role="menuitem">产品</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#cats/breeds" class="rc-list__link" role="menuitem">品种</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#cats/getting-a-kitten" class="rc-list__link" role="menuitem">想养猫吗</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#cats/kitten" class="rc-list__link" role="menuitem">幼猫</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#cats/kitten/health" class="rc-list__link" role="menuitem">健康和心情</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<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">
|
||||
<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">
|
||||
<li class="rc-list__item">
|
||||
<a href="#dogs/products" class="rc-list__link" role="menuitem">产品</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#dogs/breeds" class="rc-list__link" role="menuitem">品种</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#dogs/getting-a-puppy" class="rc-list__link" role="menuitem">想养只狗</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#dogs/puppy" class="rc-list__link" role="menuitem">幼犬</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#dogs/puppy/health" class="rc-list__link" role="menuitem">健康和心情</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<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">
|
||||
<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">
|
||||
<li class="rc-list__item">
|
||||
<a href="#cats/products" class="rc-list__link" role="menuitem">猫系列</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#dogs/products" class="rc-list__link" role="menuitem">狗系列</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<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">
|
||||
<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">
|
||||
<li class="rc-list__item">
|
||||
<a href="#about#growth-phase1" class="rc-list__link" role="menuitem">我们的历史</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#about" class="rc-list__link" role="menuitem">我们的价值观</a>
|
||||
</li>
|
||||
<!--
|
||||
<li class="rc-list__item">
|
||||
<a href="#about/future" class="rc-list__link" role="menuitem">可持续发展</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#about/quality" class="rc-list__link" role="menuitem">致力提供优质产品</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#about/news" class="rc-list__link" role="menuitem">新闻</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#about/frequently-asked-questions" class="rc-list__link" role="menuitem">常见问题解答</a>
|
||||
</li>
|
||||
-->
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Sub menu end -->
|
||||
</div>
|
||||
</header>
|
||||
</template>
|
||||
</div>
|
||||
<!-- Menu section end-->
|
||||
</nav>
|
||||
|
||||
</header>
|
||||
|
||||
<!-- Popup menu -->
|
||||
<div data-js-modal-menu>
|
||||
<header class="rc-modal__header rc-md-up">
|
||||
<button class="rc-modal__close rc-btn rc-btn--icon-label rc-icon rc-close--xs rc-iconography" data-modal-trigger="main-nav-modal">关闭</button>
|
||||
<a href="/">
|
||||
<span class="rc-screen-reader-text">Royal Canin Logo</span>
|
||||
<object id="main-logo" data="/images/logo--crown.svg?v=8-11-2" type="image/svg+xml" class="rc-modal__logo" data-js-import-interactive-svg>
|
||||
<img src="/images/1x1.gif" style="background-image: url(/images/logo--crown.png?v=8-11-2)" width="150" height="100" alt="Royal Canin logo" />
|
||||
</object>
|
||||
</a>
|
||||
</header>
|
||||
<section class="rc-max-width--xl">
|
||||
<div class="rc-column rc-lg-up rc-padding--lg">
|
||||
<h1 class="rc-gamma rc-padding-x--md">帮助猫狗过最健康的生活。</h1>
|
||||
<img class="rc-padding--sm" src="#profiles/custom/royal_canin_profile/themes/royal_canin/images/yorkshire-terrier-sacred-birman-b-w-brand-emblematic-tailored-nutrition-hero.jpg" alt="Royal Canin China" />
|
||||
</div>
|
||||
<nav class="rc-nav rc-hidden" data-toggle-group="mobile" data-toggle-effect="rc-expand--horizontal" data-js-target="mobile-push-nav">
|
||||
<div class="rc-layout-container rc-three-column">
|
||||
<div class="rc-column rc-double-width rc-padding-x--none--mobile rc-padding-right--none">
|
||||
<ul class="rc-list rc-list--blank rc-list--align rc-list--two-column" role="menubar">
|
||||
<li class="rc-list__item rc-list__item--group">
|
||||
<a href="#cats" class="rc-list__header" id="mega-nav-header-1" data-toggle="nav-list-1" role="menuitem">猫</a>
|
||||
<ul class="rc-list rc-list--blank rc-list--align" id="nav-list-1" aria-labelledby="mega-nav-menu-1" role="menu">
|
||||
<li class="rc-list__item rc-md-down">
|
||||
<button class="rc-list__link rc-icon rc-left--xs rc-iconography" data-toggle="nav-list-1" role="button">返回</button>
|
||||
</li>
|
||||
<li class="rc-list__item rc-md-down">
|
||||
<a href="#cats" class="rc-list__header" title="Cat" role="menuitem">猫</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#cats/products" class="rc-list__link ca" role="menuitem" title="Products">产品</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#cats/breeds" class="rc-list__link ca" role="menuitem" title="Breeds">品种</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#cats/getting-a-kitten" class="rc-list__link ca" role="menuitem" title="Thinking of getting a cat">想养只猫</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#cats/kitten" class="rc-list__link ca" role="menuitem" title="Kitten">幼猫</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#cats/kitten/health" class="rc-list__link ca" role="menuitem" title="Health and wellbeing">健康和心情</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="rc-list__item rc-list__item--group">
|
||||
<a href="#dogs" class="rc-list__header" role="menuitem" id="mega-nav-header-2" data-toggle="nav-list-2">犬</a>
|
||||
<ul class="rc-list rc-list--blank rc-list--align" id="nav-list-2" aria-labelledby="mega-nav-menu-2" role="menu">
|
||||
<li class="rc-list__item rc-md-down">
|
||||
<button class="rc-list__link rc-icon rc-left--xs rc-iconography" data-toggle="nav-list-2" role="button">返回</button>
|
||||
</li>
|
||||
<li class="rc-list__item rc-md-down">
|
||||
<a href="#dogs" class="rc-list__header" title="Dog" role="menuitem">犬</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#dogs/products" class="rc-list__link ca" role="menuitem" title="Products">产品</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#dogs/breeds" class="rc-list__link ca" role="menuitem" title="Breeds">品种</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#dogs/getting-a-puppy" class="rc-list__link ca" role="menuitem" title="Thinking of getting a dog">想养只犬</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#dogs/puppy" class="rc-list__link ca" role="menuitem" title="Puppy">幼犬</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#dogs/puppy/health" class="rc-list__link ca" role="menuitem" title="Health and wellbeing">健康和心情</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="rc-list__item rc-list__item--group">
|
||||
<a href="#tailored-nutrition" class="rc-list__header" role="menuitem" id="mega-nav-header-3" data-toggle="nav-list-3">定制营养方案</a>
|
||||
<ul class="rc-list rc-list--blank rc-list--align" id="nav-list-3" aria-labelledby="mega-nav-menu-3" role="menu">
|
||||
<li class="rc-list__item rc-md-down">
|
||||
<button class="rc-list__link rc-icon rc-left--xs rc-iconography" data-toggle="nav-list-3" role="button">返回</button>
|
||||
</li>
|
||||
<li class="rc-list__item rc-md-down">
|
||||
<a href="#tailored-nutrition" class="rc-list__header" title="Nutrition" role="menuitem">定制营养方案</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#cats/products" class="rc-list__link ca" role="menuitem">猫系列</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#dogs/products" class="rc-list__link ca" role="menuitem">狗系列</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="rc-list__item rc-list__item--group">
|
||||
<a href="#about" class="rc-list__header" role="menuitem" id="mega-nav-header-4" data-toggle="nav-list-4">关于我们</a>
|
||||
<ul class="rc-list rc-list--blank rc-list--align" id="nav-list-4" aria-labelledby="mega-nav-menu-4" role="menu">
|
||||
<li class="rc-list__item rc-md-down">
|
||||
<button class="rc-list__link rc-icon rc-left--xs rc-iconography" data-toggle="nav-list-4" role="button">返回</button>
|
||||
</li>
|
||||
<li class="rc-list__item rc-md-down">
|
||||
<a href="#about" class="rc-list__header" title="About" role="menuitem">关于我们</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#about#growth-phase1" class="rc-list__link ca" role="menuitem" title="Our history">我们的历史</a>
|
||||
</li>
|
||||
<!--
|
||||
<li class="rc-list__item">
|
||||
<a href="#about" class="rc-list__link ca" role="menuitem" title="Our values">我们的价值观</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#about/future" class="rc-list__link ca" role="menuitem" title="Sustainability">可持续发展</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#about/quality" class="rc-list__link ca" role="menuitem" title="Quality and food safety">质量和食品安全</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#about/news" class="rc-list__link ca" role="menuitem" title="News">新闻</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#about/frequently-asked-questions" class="rc-list__link ca" role="menuitem" title="FAQs">常见问题解答</a>
|
||||
</li>
|
||||
-->
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="rc-column rc-padding-x--none">
|
||||
<ul class="rc-list rc-list--blank rc-list--align rc-btn-offset--top" role="menu">
|
||||
<li class="rc-list__item">
|
||||
<a class="rc-list__link rc-icon rc-email--xs rc-iconography--xs" role="menuitem" href="#about/contact">
|
||||
与我们联系
|
||||
</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a class="rc-list__link rc-icon rc-pin--xs rc-iconography--xs" data-modal-trigger="modal-whereToBuy" onclick='bindTracking(this)' evt-name='页内弹窗' evt-cat='headerBtnClick' evt-val='在哪购买' role="menuitem" href="#">
|
||||
在哪里购买
|
||||
</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a class="rc-list__link rc-icon rc-language--xs ts-weibo--xs" role="menuitem" target='_blank' href="https://weibo.com/chinaroyalcanin?topnav=1&wvr=6&topsug=1&is_all=1">
|
||||
微博
|
||||
</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a onclick='bindTracking(this)' evt-name='页内弹窗' evt-cat='mobNavBtnClick' evt-val='微信扫一扫' class="rc-list__link rc-icon ts-wechat--xs rc-iconography--xs" role="menuitem" href="#">
|
||||
微信公众号
|
||||
<div class="ts-hover-show">
|
||||
<span class="rc-text--center">微信长按识别</span>
|
||||
<img src="#profiles/custom/royal_canin_profile/themes/royal_canin/images/royalcanincn-qrcode.jpg">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<!--
|
||||
<li class="rc-list__item">
|
||||
<a onclick='bindTracking(this)' evt-name='页内弹窗' evt-cat='mobNavBtnClick' evt-val='地理位置选择' class="rc-list__link rc-icon rc-language--xs rc-iconography--xs" role="menuitem" aria-label="language" data-modal-trigger="country-lang-selector" href="#">
|
||||
Language
|
||||
</a>
|
||||
</li>
|
||||
-->
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</nav>
|
||||
</section>
|
||||
</div>
|
||||
<!-- Popup menu end-->
|
||||
|
||||
<!-- Where to buy modal -->
|
||||
<aside role="modal" class="rc-modal rc-hidden" data-modal-target="modal-whereToBuy">
|
||||
<div class="rc-modal__container">
|
||||
<header class="rc-modal__header">
|
||||
<button class="rc-btn rc-icon rc-btn--icon-label rc-modal__close rc-close--xs rc-iconography" data-modal-trigger="modal-whereToBuy">关闭</button>
|
||||
</header>
|
||||
<section class="rc-modal__content rc-scroll--y">
|
||||
<div class="rc-margin-top--md">
|
||||
<h2 class="rc-gamma rc-text--center">我能在哪买到Royal Canin 的产品</h2>
|
||||
<p class='rc-text--center'>
|
||||
您可以点击下面的链接进入到我们的电商店铺
|
||||
<br />
|
||||
</p>
|
||||
</div>
|
||||
<div class="rc-btn-group">
|
||||
<a href="https://royalcanin.tmall.com/shop/view_shop.htm?spm=a1z10.3-b-s.w5001-17212536142.3.1284526cyHC5If&scene=taobao_shop" target='_blank' class="rc-btn rc-btn--one ts-flex-center">
|
||||
<img src="#profiles/custom/royal_canin_profile/themes/royal_canin/images/tm-logo.png" alt="天猫旗舰店" />
|
||||
</a>
|
||||
<a href="https://mall.jd.com/index-650686.html" class="rc-btn rc-btn--one ts-flex-center ts-btn-img--70" target='_blank'>
|
||||
<img src="#profiles/custom/royal_canin_profile/themes/royal_canin/images/jd-logo.png" alt="京东旗舰店" />
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</aside>
|
||||
<!-- Where to buy modal end -->
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
|
||||
export default {
|
||||
@ -45,11 +380,10 @@ export default {
|
||||
},
|
||||
|
||||
methods: {
|
||||
|
||||
bindTracking: function(){
|
||||
console.log('bindTracking');
|
||||
}
|
||||
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
@import url("../assets/css/global.less");
|
||||
</style>
|
||||
@ -35,29 +35,18 @@ export default {
|
||||
props: {
|
||||
|
||||
tableLabelTest:Array,
|
||||
middleImgWidth: {
|
||||
default: 350,
|
||||
type: Number
|
||||
}, // 产品图片宽
|
||||
middleImgHeight: {
|
||||
default: 282,
|
||||
type: Number
|
||||
}, // 产品图片高
|
||||
thumbnailHeight: {
|
||||
default: 100,
|
||||
type: Number
|
||||
}, // 缩略图容器高度
|
||||
imgList: Array, // 图片数据
|
||||
zoom: {
|
||||
default: 2, // 缩略比例,放大比例
|
||||
type: Number
|
||||
},
|
||||
|
||||
|
||||
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
middleImgWidth:350,
|
||||
middleImgHeight:350,
|
||||
thumbnailHeight:100,
|
||||
|
||||
tableLabelTest1:this.tableLabelTest,
|
||||
pictureList: [
|
||||
{url: require("../assets/four.png")},
|
||||
@ -88,7 +77,6 @@ export default {
|
||||
},
|
||||
watch:{
|
||||
data:'ifadroind',// 值可以为methods的方法名
|
||||
|
||||
inputName: function(newValue) {
|
||||
this.pictureList=newValue;
|
||||
this.menu=newValue;
|
||||
@ -112,9 +100,7 @@ export default {
|
||||
console.log(this.middleImg);
|
||||
// 计算缩略图的宽度,默认是显示4张图片,两边箭头的宽度和为50
|
||||
// this.itemWidth = (this.middleImgWidth-30) / 2
|
||||
|
||||
|
||||
this.ifadroind();
|
||||
this.ifadroind();
|
||||
this.$nextTick(() => {
|
||||
console.log(this.menu);
|
||||
// 容器的高
|
||||
@ -165,16 +151,17 @@ this.ifadroind();
|
||||
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)) {
|
||||
// 设置产品图宽高
|
||||
if ((bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {
|
||||
//Mob Screen
|
||||
}else{
|
||||
//PC screen size
|
||||
this.middleImgWidth=560;
|
||||
this.middleImgHeight=560;
|
||||
}
|
||||
$('.middle_img').css({
|
||||
width: this.middleImgWidth,
|
||||
height: this.middleImgHeight
|
||||
})
|
||||
|
||||
}else{
|
||||
|
||||
}
|
||||
},
|
||||
// 产品图片鼠标移入事件,显示阴影,显示大图
|
||||
boxMouseOver (e) {
|
||||
|
||||
@ -1,221 +1,251 @@
|
||||
<template>
|
||||
<footer class="rc-main">
|
||||
<div class="rc-max-width">
|
||||
<div class="rc-padding-left">
|
||||
<div class="rc-list--inverse">
|
||||
<img src="../assets/image/address.png" alt="">
|
||||
<span>在哪里购买</span>
|
||||
</div>
|
||||
<div class="rc-text--right">
|
||||
<img src="../assets/image/turn-top.png" alt="">
|
||||
<span @click="usertop">回到顶部</span>
|
||||
<footer class="rc-bg-colour--interface-dark rc-padding-bottom--sm" role="contentinfo">
|
||||
<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="rc-column rc-padding-left--none" data-component="nav-track" data-nav-name="Footer navigation">
|
||||
<nav class="rc-menubar">
|
||||
<ul class="rc-list rc-list--blank rc-list--inverse" style="background-color: transparent;">
|
||||
<li class="rc-list__item">
|
||||
<a href="javascript:;" class="rc-list__link rc-btn rc-btn--inverse rc-btn--icon-label rc-icon rc-pin--xs rc-brand3" data-ref="nav-link" role="menuitem" title="Where to buy" data-modal-trigger="modal-whereToBuy" onclick='bindTracking(this)' evt-name='页内弹窗' evt-cat='footerBtnClick' evt-val='在哪购买'>在哪里购买</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<div class="rc-md-up">
|
||||
<!-- <div class="rc-list__header">
|
||||
<span v-for="(item,index) in titlelist" :key="index">
|
||||
{{item.title}}
|
||||
|
||||
<div class="rc-divider rc-md-up"></div>
|
||||
|
||||
<div class="footer-block2 rc-layout-container rc-three-column rc-padding-x--xs rc-border-colour--interface">
|
||||
<div class="rc-column rc-double-width rc-padding-x--xs">
|
||||
<nav class="rc-padding-x--xs" data-toggle-group="mobile" data-toggle-effect="rc-expand--vertical" role="navigation" data-component="nav-track" data-nav-name="Footer navigation">
|
||||
<ul class="rc-list ts-list--four-column rc-list--blank rc-list--align rc-list--inverse" role="menubar">
|
||||
<li class="rc-list__item rc-list__item--group" role="none">
|
||||
<a href="#cats" class="rc-list__header" role="menuitem" id="nav-footer-top-1" data-toggle="nav-footer-1">猫</a>
|
||||
<ul class="rc-list rc-list--blank rc-list--align" role="menu" id="nav-footer-1" aria-labelledby="nav-footer-top-1">
|
||||
<li class="rc-list__item">
|
||||
<a href="#cats/breeds" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Products">产品</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#cats/breeds" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Breeds">品种</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#cats/getting-a-kitten" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Thinking of getting a cat">想养只猫</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#cats/kitten" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Kitten">幼猫</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#cats/kitten/health" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Health and wellbeing">健康和心情</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="rc-list__item rc-list__item--group" role="none">
|
||||
<a href="#dogs" class="rc-list__header" role="menuitem" id="nav-footer-top-2" data-toggle="nav-footer-2">
|
||||
犬
|
||||
</a>
|
||||
<ul class="rc-list rc-list--blank rc-list--align" id="nav-footer-2" aria-labelledby="nav-footer-top-2" role="menu">
|
||||
<li class="rc-list__item">
|
||||
<a href="#dogs/breeds" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Products">产品</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#dogs/breeds" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Breeds">品种</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#dogs/getting-a-puppy" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Thinking of getting a dog">想养只犬</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#dogs/puppy" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Puppy">幼犬</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#dogs/puppy/health" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Health and wellbeing">健康和心情</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="rc-list__item rc-list__item--group" role="none">
|
||||
<a href="#tailored-nutrition" class="rc-list__header" role="menuitem" id="nav-footer-top-3" data-toggle="nav-footer-3">
|
||||
定制营养方案
|
||||
</a>
|
||||
<ul class="rc-list rc-list--blank rc-list--align" id="nav-footer-3" aria-labelledby="nav-footer-top-3" role="menu">
|
||||
<li class="rc-list__item">
|
||||
<a href="#cats/products" class="rc-list__link" data-ref="nav-link" role="menuitem">猫系列</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#dogs/products" class="rc-list__link" data-ref="nav-link" role="menuitem">狗系列</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="rc-list__item rc-list__item--group" role="none">
|
||||
<a href="#about" class="rc-list__header" id="nav-footer-top-4" data-toggle="nav-footer-4" role="menuitem">
|
||||
关于我们
|
||||
</a>
|
||||
<ul class="rc-list rc-list--blank rc-list--align" id="nav-footer-4" aria-labelledby="nav-footer-top-4" role="menu">
|
||||
<li class="rc-list__item">
|
||||
<a href="#about#growth-phase1" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Our history">我们的历史</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#about" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Our values">我们的价值观</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="rc-column rc-md-up">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="rc-layout-container rc-one-column rc-md-down">
|
||||
<div class="rc-column rc-padding-x--none">
|
||||
<a href="javascript:;" data-modal-trigger="modal-whereToBuy" onclick='bindTracking(this)' evt-name='页内弹窗' evt-cat='footererBtnClick' evt-val='在哪购买' class="rc-btn rc-btn--inverse rc-btn--icon-label rc-icon rc-bag--xs rc-brand3" title="Where to buy" role="menuitem">
|
||||
在哪购买
|
||||
</a>
|
||||
<!--
|
||||
<a class="rc-btn rc-btn--inverse rc-btn--icon-label rc-icon rc-language--xs rc-brand3" role="menuitem" data-modal-trigger="country-lang-selector">
|
||||
Language
|
||||
</a>
|
||||
-->
|
||||
<a class="rc-btn rc-btn--inverse rc-btn--icon-label rc-icon rc-up--xs rc-brand3" role="menuitem" href="#">
|
||||
回到顶部
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="rc-divider"></div>
|
||||
|
||||
<!-- Bottom SNS section -->
|
||||
<div class="ts-footer-sns rc-layout-container rc-four-column rc-padding--xs rc-text-colour--brand3">
|
||||
<div class="rc-column">
|
||||
<div class="ts-row-head">
|
||||
<span>联系我们</span>
|
||||
</div>
|
||||
<div class="ts-row-body">
|
||||
<p>致电客服热线：</p>
|
||||
<p>
|
||||
<a class="" role="menuitem" href="tel:+86 4006881527">+86 400-688-1527</a>
|
||||
<span class="rc-md-up">
|
||||
<br/>
|
||||
09:00 - 18:00 周一至周五
|
||||
</span>
|
||||
</div> -->
|
||||
<div class="rc-list">
|
||||
<div class="rc-center" @click="chanemenu(0)">
|
||||
<span>猫</span>
|
||||
<img :src="istrue?require('../assets/image/onbottom.png'):require('../assets/image/ontop.png')" alt="" >
|
||||
</div>
|
||||
<ul ref="variety">
|
||||
<li>产品</li>
|
||||
<li>品种</li>
|
||||
<li>想养只猫</li>
|
||||
<li>幼猫</li>
|
||||
<li>健康和心情</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="rc-list">
|
||||
<div class="rc-center" @click="chanemenu(1)">
|
||||
<span>犬</span>
|
||||
<img :src="istruea?require('../assets/image/onbottom.png'):require('../assets/image/ontop.png')" alt="" >
|
||||
</div>
|
||||
<ul ref="varietyt">
|
||||
<li>产品</li>
|
||||
<li>品种</li>
|
||||
<li>想养只犬</li>
|
||||
<li>幼犬</li>
|
||||
<li>健康和心情</li>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="rc-list">
|
||||
<div class="rc-center" @click="chanemenu(2)">
|
||||
<span>定制营养方案</span>
|
||||
<img :src="istrueb?require('../assets/image/onbottom.png'):require('../assets/image/ontop.png')" alt="" >
|
||||
</div>
|
||||
<ul ref="varietytt">
|
||||
<li>猫系列</li>
|
||||
<li>狗系列</li>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="rc-list">
|
||||
<div class="rc-center" @click="chanemenu(3)">
|
||||
<span>关于我们</span>
|
||||
<img :src="istruec?require('../assets/image/onbottom.png'):require('../assets/image/ontop.png')" alt="" >
|
||||
</div>
|
||||
<ul ref="varietyttt">
|
||||
<li>我们的历史</li>
|
||||
<li>我们的价值观</li>
|
||||
<li>可持续发展</li>
|
||||
<li>致力提供优质产品</li>
|
||||
<li>新闻</li>
|
||||
<li>常见问题解答</li>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="rc-bottom">
|
||||
<ul>
|
||||
<li>
|
||||
<img src="../assets/image/shopmessage.png" alt="">
|
||||
<span>在哪购买</span>
|
||||
</li>
|
||||
<li>
|
||||
<img src="../assets/image/ontop.png" alt="" @click="usertop">
|
||||
<span>回到顶部</span>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="rc-columnm">
|
||||
<ol>
|
||||
<li>
|
||||
联系我们
|
||||
</li>
|
||||
<li>致电客服热线</li>
|
||||
<li>
|
||||
<i>
|
||||
+86400-688-1527
|
||||
</i>
|
||||
<span>
|
||||
<span class="rc-md-down">
|
||||
<br/>
|
||||
办公时间为 09:00 - 18:00 周一至周五
|
||||
</span>
|
||||
</li>
|
||||
|
||||
<li>关注我们</li>
|
||||
</ol>
|
||||
|
||||
</p>
|
||||
<!--
|
||||
<p>
|
||||
<a href="#about/contact" class="" title="" role="menuitem">或给我们留言</a>
|
||||
</p>
|
||||
-->
|
||||
</div>
|
||||
|
||||
<div class="fin-column">
|
||||
|
||||
<span>法律声明 ©2021 ROYAL CANIN, Inc.</span>
|
||||
|
||||
<div>
|
||||
<em>隐私声明</em> | <em>法律声明</em>
|
||||
</div>
|
||||
<strong>沪ICP备08000779号-2</strong>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="rc-column">
|
||||
<ul>
|
||||
<span>
|
||||
联系皇家宠物
|
||||
</span>
|
||||
<li>办公时间为8.00am 至4.30pm</li>
|
||||
<li>+8612456789</li>
|
||||
<li>与我们联系</li>
|
||||
</ul>
|
||||
<ol>
|
||||
<div class="ts-row-head">
|
||||
<span>关注我们</span>
|
||||
<li>爱宠荟</li>
|
||||
<li>皇家兽医精英荟</li>
|
||||
<li>产品验证</li>
|
||||
</ol>
|
||||
|
||||
</div>
|
||||
<div class="ts-row-body">
|
||||
<p>
|
||||
<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'>
|
||||
</a>
|
||||
|
||||
<div class="rc-padding-bottom">
|
||||
<span>法律声明 ©2021 ROYAL CANIN, Inc.</span>
|
||||
<i>沪ICP备08000779号-2</i>
|
||||
<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'>
|
||||
</a>
|
||||
|
||||
<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'>
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<div class="rc-column rc-double-width">
|
||||
<div class="ts-row-head rc-text--right rc-md-up">
|
||||
CHINA
|
||||
<!--
|
||||
<a href='javascript:;' class="" data-modal-trigger="country-lang-selector" role="menuitem">
|
||||
CHINA
|
||||
</a>
|
||||
-->
|
||||
</div>
|
||||
<div class="ts-row-body">
|
||||
<div class="rc-four-column rc-layout-container">
|
||||
<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='产品验证'>
|
||||
<img src="#profiles/custom/royal_canin_profile/themes/royal_canin/images/qrcode-chanpin.jpg">
|
||||
<span>
|
||||
产品验证
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<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='皇家爱宠荟会员中心'>
|
||||
<img src="#profiles/custom/royal_canin_profile/themes/royal_canin/images/qrcode-aichong.jpg">
|
||||
<span>
|
||||
皇家爱宠荟会员中心
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class='rc-text-center'>
|
||||
皇家兽医精英荟
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="rc-column ts-qr-container rc-text--center">
|
||||
<a href="https://v.douyin.com/e12mtGA/" target='_blank'>
|
||||
<img src="#profiles/custom/royal_canin_profile/themes/royal_canin/images/qrcode-douyin.jpg">
|
||||
<span>
|
||||
皇家宠物食品抖音官方账号
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="rc-column rc-content-v-right rc-md-down">
|
||||
CHINA
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer-block8 rc-layout-container rc-one-column rc-text-colour--brand3">
|
||||
<div class="rc-column rc-text--center rc-padding-y--none">
|
||||
<span class="">法律声明 ©2021 ROYAL CANIN, Inc.</span>
|
||||
<br/>
|
||||
<a target='_blank' href='#privacy'><span class="">隐私声明</span></a>
|
||||
|
|
||||
<a target='_blank' href='#declaration'><span class="">法律声明</span></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer-block9 rc-layout-container rc-one-column rc-text-colour--brand3">
|
||||
<div class="rc-column rc-text--center rc-padding-top--none">
|
||||
<a target='_blank' href='https://beian.miit.gov.cn'><span class="">沪ICP备08000779号-2</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data(){
|
||||
return{
|
||||
activeindex:0,
|
||||
titlelist:[
|
||||
{
|
||||
title:'猫'
|
||||
},
|
||||
{
|
||||
title:'犬'
|
||||
},
|
||||
{
|
||||
title:'定制营养方案'
|
||||
},
|
||||
{
|
||||
title:'关于我们'
|
||||
}
|
||||
],
|
||||
istrue:true,
|
||||
istruea:true,
|
||||
istrueb:true,
|
||||
istruec:true
|
||||
|
||||
}
|
||||
},
|
||||
components:{
|
||||
|
||||
},
|
||||
methods:{
|
||||
usertop(){
|
||||
this.$emit("litentop",'1')
|
||||
|
||||
},
|
||||
chanemenu(ordem){
|
||||
if(ordem==0){
|
||||
this.istrue=!this.istrue;
|
||||
}else if(ordem==1){
|
||||
this.istruea=!this.istruea;
|
||||
}else if(ordem==2){
|
||||
this.istrueb=!this.istrueb;
|
||||
}
|
||||
else if(ordem==3){
|
||||
this.istruec=!this.istruec;
|
||||
}
|
||||
if(ordem==0){
|
||||
this.istrue?this.$refs.variety.style.display='block': this.$refs.variety.style.display='none'
|
||||
}
|
||||
if(ordem==1){
|
||||
this.istruea?this.$refs.varietyt.style.display='block': this.$refs.varietyt.style.display='none'
|
||||
}
|
||||
if(ordem==2){
|
||||
this.istrueb?this.$refs.varietytt.style.display='block': this.$refs.varietytt.style.display='none'
|
||||
}
|
||||
if(ordem==3){
|
||||
this.istruec?this.$refs.varietyttt.style.display='block': this.$refs.varietyttt.style.display='none'
|
||||
}
|
||||
}
|
||||
|
||||
},
|
||||
mounted(){
|
||||
@ -223,309 +253,3 @@ mounted(){
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
/* 小于768 手机端*/
|
||||
@media screen and (max-width:768px){
|
||||
.rc-main{
|
||||
width: 100%;
|
||||
background-color: #333;
|
||||
height: 700px;
|
||||
.rc-padding-left{
|
||||
display: none;
|
||||
}
|
||||
.rc-max-width{
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
|
||||
|
||||
.rc-md-up{
|
||||
width: 100%;
|
||||
height: 2.46rem;
|
||||
// border-bottom: 1px solid #d7d7d7;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.rc-list__header{
|
||||
margin-top: 0.20rem;
|
||||
display: flex;
|
||||
width: 52%;
|
||||
justify-content: space-between;
|
||||
color: white;
|
||||
font-size: 0.18rem;
|
||||
}
|
||||
.rc-list{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
span{
|
||||
display: block;
|
||||
font-size: 0.18rem;
|
||||
color:#ffffff;
|
||||
font-weight: bold;
|
||||
margin-top: 0.08rem;
|
||||
height: 0.6rem;
|
||||
line-height: 0.6rem;
|
||||
}
|
||||
ul{
|
||||
|
||||
color: #F6F6F6;
|
||||
font-size: 0.18rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-top: 0.04rem;
|
||||
line-height: 0.34rem;
|
||||
display: none;
|
||||
li{
|
||||
height: 0.6rem;
|
||||
border-bottom: 1px solid #ffffff;
|
||||
line-height: 0.6rem;
|
||||
}
|
||||
|
||||
}
|
||||
.rc-center{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid #ffffff;
|
||||
img{
|
||||
width: 0.24rem;
|
||||
height: 0.32rem;
|
||||
display: block;
|
||||
margin-left: 0.08rem;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
.rc-column{
|
||||
display: flex;
|
||||
display: none;
|
||||
ul{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 0.18rem;
|
||||
color: #ffffff;
|
||||
span{
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
.rc-padding-bottom{
|
||||
display: none;
|
||||
}
|
||||
.rc-bottom{
|
||||
width: 100%;
|
||||
ul{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 0.56rem;
|
||||
border-bottom: 1px solid #ffffff;
|
||||
li{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: #F6F6F6;
|
||||
font-size: 0.16rem;
|
||||
|
||||
span{
|
||||
display: block;
|
||||
margin-left: 0.08rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
img{
|
||||
width: 0.24rem;
|
||||
height: 0.32rem;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.rc-columnm{
|
||||
i{
|
||||
font-style: normal;
|
||||
display: block;
|
||||
}
|
||||
width: 100%;
|
||||
ol{
|
||||
display: flex;
|
||||
font-size: 0.16rem;
|
||||
flex-direction: column;
|
||||
margin-top: 0.1rem;
|
||||
color: #ffffff;
|
||||
li{
|
||||
margin-top: 0.15rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.fin-column{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 0.16rem;
|
||||
color: #ffffff;
|
||||
margin-top: 0.70rem;
|
||||
line-height: 0.32rem;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
i{
|
||||
font-style: normal;
|
||||
}
|
||||
em{
|
||||
font-style: normal;
|
||||
border-bottom: 1px solid #ffffff;
|
||||
}
|
||||
strong{
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// /* 大于992小于1200 */
|
||||
@media screen and (min-width: 768px) and (max-width: 1920px) {
|
||||
.rc-main{
|
||||
width: 100%;
|
||||
background-color: #333;
|
||||
height: 700px;
|
||||
.rc-center img{
|
||||
display: none;
|
||||
}
|
||||
.rc-max-width{
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
.rc-padding-left{
|
||||
height: 72px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
border-bottom: 1px solid #d7d7d7 ;
|
||||
font-size: 16px;
|
||||
color: #F6F6F6;
|
||||
img{
|
||||
width: 24px;
|
||||
height: 32px;
|
||||
display: block;
|
||||
}
|
||||
.rc-list--inverse{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
span{
|
||||
margin-left: 6px;
|
||||
}
|
||||
}
|
||||
.rc-text--right{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
img{
|
||||
margin-right: 6px;
|
||||
}
|
||||
span{
|
||||
margin-right: 20px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.rc-md-up{
|
||||
width: 100%;
|
||||
height: 246px;
|
||||
border-bottom: 1px solid #d7d7d7;
|
||||
display: flex;
|
||||
|
||||
.rc-list__header{
|
||||
margin-top: 20px;
|
||||
display: flex;
|
||||
width: 52%;
|
||||
justify-content: space-between;
|
||||
color: white;
|
||||
font-size: 18px;
|
||||
}
|
||||
.rc-list{
|
||||
width: 52%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
span{
|
||||
display: block;
|
||||
font-size: 18px;
|
||||
color:#ffffff;
|
||||
font-weight: bold;
|
||||
margin-top: 8px;
|
||||
}
|
||||
ul{
|
||||
|
||||
color: #F6F6F6;
|
||||
font-size: 18px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-top: 4px;
|
||||
line-height: 34px;
|
||||
cursor: pointer;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
.rc-column{
|
||||
display: flex;
|
||||
margin-top: 20px;
|
||||
width: 35%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
ul{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 16px;
|
||||
color: #ffffff;
|
||||
line-height: 34px;
|
||||
cursor: pointer;
|
||||
span{
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
ol{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 18px;
|
||||
color: #ffffff;
|
||||
line-height: 34px;
|
||||
cursor: pointer;
|
||||
|
||||
span{
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
.rc-padding-bottom{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
font-size: 16px;
|
||||
color: #ffffff;
|
||||
line-height: 32px;
|
||||
margin-top: 45px;
|
||||
cursor: pointer;
|
||||
|
||||
i{
|
||||
font-style: normal;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
250
rc-busness/components/tabs.vue
Normal file
250
rc-busness/components/tabs.vue
Normal file
@ -0,0 +1,250 @@
|
||||
<template>
|
||||
<div class="crumbs" v-if="showTab">
|
||||
<el-breadcrumb separator-class="el-icon-arrow-right">
|
||||
<el-breadcrumb-item :to=item.path v-for="(item, index) in titleLists"
|
||||
:key="index">{{ item.meta.title }}</el-breadcrumb-item>
|
||||
<!-- <el-breadcrumb-item>商品管理</el-breadcrumb-item>
|
||||
<el-breadcrumb-item>商品分类</el-breadcrumb-item> -->
|
||||
</el-breadcrumb>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { mapState, mapMutations } from "vuex";
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
title: "",
|
||||
path: "",
|
||||
titleLists: [
|
||||
{
|
||||
path: '/',
|
||||
name: 'index',
|
||||
meta:{
|
||||
title: '首页',
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
],
|
||||
showTab: true,
|
||||
isShow: true,
|
||||
};
|
||||
},
|
||||
|
||||
|
||||
watch: {
|
||||
$route() {
|
||||
this.setTitle();
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
this.setTitle();
|
||||
},
|
||||
|
||||
methods: {
|
||||
...mapMutations(["changemessage",'selectMenu']),
|
||||
setTitle() {
|
||||
console.log(this.$route.matched);
|
||||
console.log(this.titleLists);
|
||||
let userinfo=[]
|
||||
|
||||
|
||||
let saveUserInfo={
|
||||
path:'admin',
|
||||
name:'1',
|
||||
meta:'b341181c-aced-11e9-89bf-00163e0e8daf',
|
||||
|
||||
}
|
||||
userinfo.push(this.$route.matched);
|
||||
let list=[];
|
||||
console.log(userinfo);
|
||||
userinfo.map(item=>{
|
||||
console.log(item);
|
||||
list=item;
|
||||
})
|
||||
console.log(list);
|
||||
let anlist={
|
||||
path:'admin',
|
||||
name:'1',
|
||||
meta:'b341181c-aced-11e9-89bf-00163e0e8daf',
|
||||
}
|
||||
list.forEach(element=>{
|
||||
console.log(element);
|
||||
anlist=element
|
||||
})
|
||||
for(let i in list){
|
||||
saveUserInfo.path=list[i].path;
|
||||
saveUserInfo.name=list[i].name;
|
||||
saveUserInfo.meta=list[i].meta;
|
||||
}
|
||||
console.log(saveUserInfo);
|
||||
// store.commit('se', current.name);
|
||||
this.selectMenu({ data: saveUserInfo });
|
||||
console.log(this.$store.state.tabsList);
|
||||
this.titleLists=this.$store.state.tabsList;
|
||||
// console.log(userlisa);
|
||||
console.log(this.titleLists);
|
||||
},
|
||||
},
|
||||
// created(){
|
||||
// let user=this.$store.state.tabsList;
|
||||
// this.tags=user;
|
||||
// console.log(this.tags);
|
||||
// console.log(user);
|
||||
// console.log(this.$store.state.tabsList)
|
||||
// },
|
||||
|
||||
// mounted(){
|
||||
|
||||
// }
|
||||
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.crumbs{
|
||||
width: 93%;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
height: 40px;
|
||||
align-items: center;
|
||||
margin-top: 70px;
|
||||
}
|
||||
.tags-scroll-content {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 43px;
|
||||
z-index: 0;
|
||||
overflow: hidden;
|
||||
// padding: 0 66px 0 21px;
|
||||
}
|
||||
.tabs {
|
||||
user-select: none;
|
||||
z-index: 20;
|
||||
width: 100%;
|
||||
|
||||
height: 43px;
|
||||
top: 60px;
|
||||
height: 42px;
|
||||
background: white;
|
||||
.tag {
|
||||
display: inline-block;
|
||||
height: 43px;
|
||||
// position: absolute;
|
||||
padding-right: 40px;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.tags-scroll-content > i {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
background: white;
|
||||
cursor: pointer;
|
||||
z-index: 1;
|
||||
font-size: 16px;
|
||||
}
|
||||
.el-icon-arrow-left {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 21px;
|
||||
box-shadow: 0px 1px 8px 0px rgba(70, 70, 70, 0.32);
|
||||
}
|
||||
.el-icon-arrow-right {
|
||||
position: absolute;
|
||||
right: 40px;
|
||||
width: 21px;
|
||||
}
|
||||
.close {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
color: black;
|
||||
background: white;
|
||||
height: 40px;
|
||||
padding-left: 15px;
|
||||
line-height: 40px;
|
||||
width: 40px;
|
||||
border-left: 1px solid #f1f1f1 !important;
|
||||
font-size: 16px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.el-tag--dark {
|
||||
background: white;
|
||||
em {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
height: 5px;
|
||||
margin-right: 7px;
|
||||
width: 5px;
|
||||
border-radius: 50%;
|
||||
background-color: #85ef47 !important;
|
||||
box-shadow: 0 0 7px #b7eb8f;
|
||||
}
|
||||
}
|
||||
.el-tag--dark {
|
||||
color: #323233 !important;
|
||||
.el-icon-close {
|
||||
color: black !important;
|
||||
}
|
||||
}
|
||||
.el-tag {
|
||||
.el-icon-close {
|
||||
font-size: 16px;
|
||||
&:hover {
|
||||
color: red !important;
|
||||
background: white !important;
|
||||
}
|
||||
display: inline-block;
|
||||
|
||||
}
|
||||
// width: 140px;
|
||||
em {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
height: 5px;
|
||||
margin-right: 7px;
|
||||
width: 5px;
|
||||
border-radius: 50%;
|
||||
background-color: white;
|
||||
}
|
||||
cursor: pointer;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
color: #969799;
|
||||
font-size: 13px;
|
||||
float: left;
|
||||
border-radius: 0;
|
||||
border: 0;
|
||||
> span {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
i {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
top: 0px;
|
||||
|
||||
}
|
||||
.el-tag__close {
|
||||
right: 0px;
|
||||
color: #777777;
|
||||
&:hover {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
.el-xie{
|
||||
list-style: none;
|
||||
font-style: normal;
|
||||
margin: 0 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
86
rc-busness/components/unlogin.vue
Normal file
86
rc-busness/components/unlogin.vue
Normal file
@ -0,0 +1,86 @@
|
||||
<template>
|
||||
<div class="rc-login">
|
||||
<div class="userunlogin" v-show="userunlogin" @click="userlogin">
|
||||
<div class="user-left">
|
||||
<img src="../assets/image/rc-people.png" alt="">
|
||||
<span>
|
||||
登录/注册
|
||||
</span>
|
||||
</div>
|
||||
<div class="user-right">
|
||||
<img src="../assets/image/rc-left.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data(){
|
||||
return{
|
||||
userunlogin:false,
|
||||
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
//用户登录
|
||||
userlogin(){
|
||||
this.$router.push({
|
||||
path: "/userlogin/login",
|
||||
query: {
|
||||
stype: 1,
|
||||
},
|
||||
});
|
||||
},
|
||||
},
|
||||
mounted(){
|
||||
//获取缓存是否登录
|
||||
let islogin=JSON.parse(localStorage.getItem("userInfo"));
|
||||
console.log(islogin);
|
||||
if(islogin==null){
|
||||
this.userunlogin=true;
|
||||
console.log(this.userunlogin);
|
||||
}
|
||||
if(islogin==null ||islogin==undefined){
|
||||
this.userunlogin=true
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped >
|
||||
.rc-login{
|
||||
width: 92%;
|
||||
margin: 0 auto;
|
||||
margin-top: 0.70rem;
|
||||
.userunlogin{
|
||||
width: 100%;
|
||||
height: 0.60rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
.user-left{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
img{
|
||||
width: 0.16rem;
|
||||
height: 0.16rem;
|
||||
display: block;
|
||||
}
|
||||
span{
|
||||
color: #444444;
|
||||
font-size: 0.16rem;
|
||||
margin-left: 0.06rem;
|
||||
}
|
||||
}
|
||||
.user-right{
|
||||
img{
|
||||
width: 0.08rem;
|
||||
height: 0.16rem;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</style>
|
||||
7
rc-busness/middleware/metaTitle.js
Normal file
7
rc-busness/middleware/metaTitle.js
Normal file
@ -0,0 +1,7 @@
|
||||
|
||||
export default ({store, route, redirect}) => {
|
||||
route.matched.forEach((item, index) => {
|
||||
item.meta.title = route.meta[index].title || '';
|
||||
item.meta.redirect = route.meta[index].redirect || '';//设置重定向
|
||||
})
|
||||
}
|
||||
@ -1,5 +1,5 @@
|
||||
const rem = '!function(e){var t,n=document,i=window,o=n.documentElement;function u(){var t=o.getBoundingClientRect().width/e*100;o.style.fontSize=t+"px"}u(),i.addEventListener("resize",function(){clearTimeout(t),t=setTimeout(u,300)},!1),i.addEventListener("pageshow",function(e){e.persisted&&(clearTimeout(t),t=setTimeout(u,300))},!1)}(750);';
|
||||
|
||||
const trackingScript = 'var dataLayer = window.dataLayer = window.dataLayer || [];dataLayer.push({"user":{"sitecoreId":"00000000-0000-0000-0000-000000000000","locale":"zh-HK"},"session":{"id":"vvfwez43vfoomct4y3yqneqy"},"site":{"country":"HK","id":"RCGlobalMC1","environment":"prd"},"page":{"type":"Start of Life Page","hitTimestamp":"2020-10-16T16:26:21.7350880+00:00","topic":"Collecting your kitten and their first week with you","theme":"Cat"},"pet":{"specieId":"2"}});';
|
||||
const assetsUrl = 'var assetsUrl="/royalcanin-cdn-assets-new/css_js/";';
|
||||
export default {
|
||||
|
||||
// Global page headers: https://go.nuxtjs.dev/config-head
|
||||
@ -7,17 +7,19 @@ export default {
|
||||
title: 'rc-busness',
|
||||
|
||||
htmlAttrs: {
|
||||
lang: 'en'
|
||||
lang: 'en',
|
||||
},
|
||||
script: [
|
||||
{ src: '/js/rem.js' },
|
||||
//{ src: '/js/rem.js' },
|
||||
// { src: '/js/flexible.js', type: 'text/javascript', charset: 'utf-8'},
|
||||
{ src: 'https://ocstest.royalcanin.com.cn:8081/livechat/chatapp/customer/branch/RoyalCanin/14053/index.js' },
|
||||
{ src: '"https://ocstest.royalcanin.com.cn:8081/livechat/chatapp/customer/branch/RoyalCanin/14054/index.js"' }
|
||||
// { innerHTML: rem, type: 'text/javascript', charset: 'utf-8'}
|
||||
//{ src: 'https://ocstest.royalcanin.com.cn:8081/livechat/chatapp/customer/branch/RoyalCanin/14054/index.js' },
|
||||
{ innerHTML: trackingScript, type: 'text/javascript', charset: 'utf-8'},
|
||||
{ innerHTML: assetsUrl, type: 'text/javascript', charset: 'utf-8'},
|
||||
{ src: '/royalcanin-cdn-assets-new/css_js/royal-canin.min.bundle.js' },
|
||||
|
||||
],
|
||||
__dangerouslyDisableSanitizers: ['script'],
|
||||
],
|
||||
__dangerouslyDisableSanitizers: ['script', 'innerHTML'],
|
||||
|
||||
meta: [
|
||||
{ charset: 'utf-8' },
|
||||
@ -26,7 +28,9 @@ __dangerouslyDisableSanitizers: ['script'],
|
||||
{ name: 'format-detection', content: 'telephone=no' }
|
||||
],
|
||||
link: [
|
||||
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
|
||||
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
|
||||
{ rel: 'stylesheet', id:'royal-canin' ,href: '/royalcanin-cdn-assets-new/css_js/royal-canin.styles.prefix.min.critical.css?v=8-10-0'},
|
||||
//{ rel: 'stylesheet', id:'royal-canin' ,href: '/royalcanin-cdn-assets-new/css_js/royal-canin.styles.prefix.min.css?v=8-10-0'},
|
||||
]
|
||||
},
|
||||
|
||||
@ -34,16 +38,21 @@ __dangerouslyDisableSanitizers: ['script'],
|
||||
css: [
|
||||
'vant/lib/index.css',
|
||||
'element-ui/lib/theme-chalk/index.css',
|
||||
{src:'@/assets/css/royalcanin-custom.css'},
|
||||
{ src: "swiper/css/swiper.css" }
|
||||
|
||||
],
|
||||
router: {
|
||||
middleware: ['metaTitle']
|
||||
},
|
||||
|
||||
// Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
|
||||
plugins: [
|
||||
'@/plugins/vant',
|
||||
'@/plugins/ElementUI',
|
||||
{ src: "~/plugins/swiper.js", ssr: false },
|
||||
{ src: '@/plugins/localStorage', ssr: false }
|
||||
{ src: '@/plugins/localStorage', ssr: false },
|
||||
|
||||
|
||||
|
||||
],
|
||||
|
||||
516
rc-busness/package-lock.json
generated
516
rc-busness/package-lock.json
generated
@ -19,8 +19,6 @@
|
||||
"less-loader": "^6.0.0",
|
||||
"nuxt": "^2.15.7",
|
||||
"nuxt-tailvue": "^1.0.95",
|
||||
"postcss-px2rem": "^0.3.0",
|
||||
"postcss-pxtorem": "^6.0.0",
|
||||
"qrcodejs2": "^0.0.2",
|
||||
"vant": "^2.12.22",
|
||||
"vue-awesome-swiper": "^4.1.1",
|
||||
@ -4710,17 +4708,6 @@
|
||||
"node": "*"
|
||||
}
|
||||
},
|
||||
"node_modules/css": {
|
||||
"version": "2.2.4",
|
||||
"resolved": "https://registry.npmjs.org/css/-/css-2.2.4.tgz",
|
||||
"integrity": "sha512-oUnjmWpy0niI3x/mPL8dVEI1l7MnG3+HHyRPHf+YFSbK+svOhXpmSOcDURUh2aOCgl2grzrOPt1nHLuCVFULLw==",
|
||||
"dependencies": {
|
||||
"inherits": "^2.0.3",
|
||||
"source-map": "^0.6.1",
|
||||
"source-map-resolve": "^0.5.2",
|
||||
"urix": "^0.1.0"
|
||||
}
|
||||
},
|
||||
"node_modules/css-blank-pseudo": {
|
||||
"version": "0.1.4",
|
||||
"resolved": "https://registry.npmjs.org/css-blank-pseudo/-/css-blank-pseudo-0.1.4.tgz",
|
||||
@ -5087,14 +5074,6 @@
|
||||
"url": "https://github.com/sponsors/fb55"
|
||||
}
|
||||
},
|
||||
"node_modules/css/node_modules/source-map": {
|
||||
"version": "0.6.1",
|
||||
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
|
||||
"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/cssdb": {
|
||||
"version": "4.4.0",
|
||||
"resolved": "https://registry.npmjs.org/cssdb/-/cssdb-4.4.0.tgz",
|
||||
@ -5960,11 +5939,6 @@
|
||||
"resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
|
||||
"integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
|
||||
},
|
||||
"node_modules/extend": {
|
||||
"version": "3.0.2",
|
||||
"resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
|
||||
"integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="
|
||||
},
|
||||
"node_modules/extend-shallow": {
|
||||
"version": "2.0.1",
|
||||
"resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
|
||||
@ -7871,11 +7845,6 @@
|
||||
"resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.0.tgz",
|
||||
"integrity": "sha512-JVzAR/AjBvVt2BmYhxRCSYysDsPcssdmTFnzyLEts9qNwmjmu4JTAMYubEfwVOSwpQ1I1sKKFcxhZCI2buerfw=="
|
||||
},
|
||||
"node_modules/js-base64": {
|
||||
"version": "2.6.4",
|
||||
"resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.6.4.tgz",
|
||||
"integrity": "sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ=="
|
||||
},
|
||||
"node_modules/js-tokens": {
|
||||
"version": "4.0.0",
|
||||
"resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
|
||||
@ -8782,12 +8751,6 @@
|
||||
"integrity": "sha512-uZ5rQaeRn15XmpgE0xoPL8YWqcX90VtCFglYwAgkvKM5e8fog+vePLAhHxuuv/gRkrQxIeh5U3q9sMNUrENqWw==",
|
||||
"optional": true
|
||||
},
|
||||
"node_modules/natives": {
|
||||
"version": "1.1.6",
|
||||
"resolved": "https://registry.npmjs.org/natives/-/natives-1.1.6.tgz",
|
||||
"integrity": "sha512-6+TDFewD4yxY14ptjKaS63GVdtKiES1pTPyxn9Jb0rBqPMZ7VcCiooEhPNsr+mqHtMGxa/5c/HhcC4uPEUw/nA==",
|
||||
"deprecated": "This module relies on Node.js's internals and will break at some point. Do not use it, and update to graceful-fs@4.x."
|
||||
},
|
||||
"node_modules/needle": {
|
||||
"version": "2.9.1",
|
||||
"resolved": "https://registry.npmjs.org/needle/-/needle-2.9.1.tgz",
|
||||
@ -9552,24 +9515,6 @@
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/postcss": {
|
||||
"version": "8.4.5",
|
||||
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.5.tgz",
|
||||
"integrity": "sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"nanoid": "^3.1.30",
|
||||
"picocolors": "^1.0.0",
|
||||
"source-map-js": "^1.0.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": "^10 || ^12 || >=14"
|
||||
},
|
||||
"funding": {
|
||||
"type": "opencollective",
|
||||
"url": "https://opencollective.com/postcss/"
|
||||
}
|
||||
},
|
||||
"node_modules/postcss-attribute-case-insensitive": {
|
||||
"version": "4.0.2",
|
||||
"resolved": "https://registry.npmjs.org/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-4.0.2.tgz",
|
||||
@ -12148,106 +12093,6 @@
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/postcss-px2rem": {
|
||||
"version": "0.3.0",
|
||||
"resolved": "https://registry.npmjs.org/postcss-px2rem/-/postcss-px2rem-0.3.0.tgz",
|
||||
"integrity": "sha1-DfpOiiaPp0eCc/DEtHxhmDSJQEE=",
|
||||
"dependencies": {
|
||||
"postcss": "^5.0.0",
|
||||
"px2rem": "~0.5.0"
|
||||
}
|
||||
},
|
||||
"node_modules/postcss-px2rem/node_modules/ansi-regex": {
|
||||
"version": "2.1.1",
|
||||
"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
|
||||
"integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/postcss-px2rem/node_modules/ansi-styles": {
|
||||
"version": "2.2.1",
|
||||
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
|
||||
"integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=",
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/postcss-px2rem/node_modules/chalk": {
|
||||
"version": "1.1.3",
|
||||
"resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
|
||||
"integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
|
||||
"dependencies": {
|
||||
"ansi-styles": "^2.2.1",
|
||||
"escape-string-regexp": "^1.0.2",
|
||||
"has-ansi": "^2.0.0",
|
||||
"strip-ansi": "^3.0.0",
|
||||
"supports-color": "^2.0.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/postcss-px2rem/node_modules/chalk/node_modules/supports-color": {
|
||||
"version": "2.0.0",
|
||||
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
|
||||
"integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
|
||||
"engines": {
|
||||
"node": ">=0.8.0"
|
||||
}
|
||||
},
|
||||
"node_modules/postcss-px2rem/node_modules/has-flag": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-1.0.0.tgz",
|
||||
"integrity": "sha1-nZ55MWXOAXoA8AQYxD+UKnsdEfo=",
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/postcss-px2rem/node_modules/postcss": {
|
||||
"version": "5.2.18",
|
||||
"resolved": "https://registry.npmjs.org/postcss/-/postcss-5.2.18.tgz",
|
||||
"integrity": "sha512-zrUjRRe1bpXKsX1qAJNJjqZViErVuyEkMTRrwu4ud4sbTtIBRmtaYDrHmcGgmrbsW3MHfmtIf+vJumgQn+PrXg==",
|
||||
"dependencies": {
|
||||
"chalk": "^1.1.3",
|
||||
"js-base64": "^2.1.9",
|
||||
"source-map": "^0.5.6",
|
||||
"supports-color": "^3.2.3"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=0.12"
|
||||
}
|
||||
},
|
||||
"node_modules/postcss-px2rem/node_modules/strip-ansi": {
|
||||
"version": "3.0.1",
|
||||
"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
|
||||
"integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
|
||||
"dependencies": {
|
||||
"ansi-regex": "^2.0.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/postcss-px2rem/node_modules/supports-color": {
|
||||
"version": "3.2.3",
|
||||
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-3.2.3.tgz",
|
||||
"integrity": "sha1-ZawFBLOVQXHYpklGsq48u4pfVPY=",
|
||||
"dependencies": {
|
||||
"has-flag": "^1.0.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=0.8.0"
|
||||
}
|
||||
},
|
||||
"node_modules/postcss-pxtorem": {
|
||||
"version": "6.0.0",
|
||||
"resolved": "https://registry.npmjs.org/postcss-pxtorem/-/postcss-pxtorem-6.0.0.tgz",
|
||||
"integrity": "sha512-ZRXrD7MLLjLk2RNGV6UA4f5Y7gy+a/j1EqjAfp9NdcNYVjUMvg5HTYduTjSkKBkRkfqbg/iKrjMO70V4g1LZeg==",
|
||||
"peerDependencies": {
|
||||
"postcss": "^8.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/postcss-reduce-initial": {
|
||||
"version": "4.0.3",
|
||||
"resolved": "https://registry.npmjs.org/postcss-reduce-initial/-/postcss-reduce-initial-4.0.3.tgz",
|
||||
@ -12760,134 +12605,6 @@
|
||||
"node": ">=6"
|
||||
}
|
||||
},
|
||||
"node_modules/px2rem": {
|
||||
"version": "0.5.0",
|
||||
"resolved": "https://registry.npmjs.org/px2rem/-/px2rem-0.5.0.tgz",
|
||||
"integrity": "sha1-JLOmz3TRSttO13byB4cdmJPkEOI=",
|
||||
"dependencies": {
|
||||
"chalk": "~0.5.1",
|
||||
"commander": "~2.6.0",
|
||||
"css": "~2.2.0",
|
||||
"extend": "~3.0.0",
|
||||
"fs-extra": "~0.16.3"
|
||||
},
|
||||
"bin": {
|
||||
"px2rem": "bin/px2rem.js"
|
||||
}
|
||||
},
|
||||
"node_modules/px2rem/node_modules/ansi-regex": {
|
||||
"version": "0.2.1",
|
||||
"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-0.2.1.tgz",
|
||||
"integrity": "sha1-DY6UaWej2BQ/k+JOKYUl/BsiNfk=",
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/px2rem/node_modules/ansi-styles": {
|
||||
"version": "1.1.0",
|
||||
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-1.1.0.tgz",
|
||||
"integrity": "sha1-6uy/Zs1waIJ2Cy9GkVgrj1XXp94=",
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/px2rem/node_modules/chalk": {
|
||||
"version": "0.5.1",
|
||||
"resolved": "https://registry.npmjs.org/chalk/-/chalk-0.5.1.tgz",
|
||||
"integrity": "sha1-Zjs6ZItotV0EaQ1JFnqoN4WPIXQ=",
|
||||
"dependencies": {
|
||||
"ansi-styles": "^1.1.0",
|
||||
"escape-string-regexp": "^1.0.0",
|
||||
"has-ansi": "^0.1.0",
|
||||
"strip-ansi": "^0.3.0",
|
||||
"supports-color": "^0.2.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/px2rem/node_modules/commander": {
|
||||
"version": "2.6.0",
|
||||
"resolved": "https://registry.npmjs.org/commander/-/commander-2.6.0.tgz",
|
||||
"integrity": "sha1-nfflL7Kgyw+4kFjugMMQQiXzfh0=",
|
||||
"engines": {
|
||||
"node": ">= 0.6.x"
|
||||
}
|
||||
},
|
||||
"node_modules/px2rem/node_modules/fs-extra": {
|
||||
"version": "0.16.5",
|
||||
"resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-0.16.5.tgz",
|
||||
"integrity": "sha1-GtZh+myGyWCM0bSe/G/Og0k5p1A=",
|
||||
"dependencies": {
|
||||
"graceful-fs": "^3.0.5",
|
||||
"jsonfile": "^2.0.0",
|
||||
"rimraf": "^2.2.8"
|
||||
}
|
||||
},
|
||||
"node_modules/px2rem/node_modules/graceful-fs": {
|
||||
"version": "3.0.12",
|
||||
"resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-3.0.12.tgz",
|
||||
"integrity": "sha512-J55gaCS4iTTJfTXIxSVw3EMQckcqkpdRv3IR7gu6sq0+tbC363Zx6KH/SEwXASK9JRbhyZmVjJEVJIOxYsB3Qg==",
|
||||
"dependencies": {
|
||||
"natives": "^1.1.3"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=0.4.0"
|
||||
}
|
||||
},
|
||||
"node_modules/px2rem/node_modules/has-ansi": {
|
||||
"version": "0.1.0",
|
||||
"resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-0.1.0.tgz",
|
||||
"integrity": "sha1-hPJlqujA5qiKEtcCKJS3VoiUxi4=",
|
||||
"dependencies": {
|
||||
"ansi-regex": "^0.2.0"
|
||||
},
|
||||
"bin": {
|
||||
"has-ansi": "cli.js"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/px2rem/node_modules/jsonfile": {
|
||||
"version": "2.4.0",
|
||||
"resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-2.4.0.tgz",
|
||||
"integrity": "sha1-NzaitCi4e72gzIO1P6PWM6NcKug=",
|
||||
"optionalDependencies": {
|
||||
"graceful-fs": "^4.1.6"
|
||||
}
|
||||
},
|
||||
"node_modules/px2rem/node_modules/jsonfile/node_modules/graceful-fs": {
|
||||
"version": "4.2.9",
|
||||
"resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz",
|
||||
"integrity": "sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ==",
|
||||
"optional": true
|
||||
},
|
||||
"node_modules/px2rem/node_modules/strip-ansi": {
|
||||
"version": "0.3.0",
|
||||
"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-0.3.0.tgz",
|
||||
"integrity": "sha1-JfSOoiynkYfzF0pNuHWTR7sSYiA=",
|
||||
"dependencies": {
|
||||
"ansi-regex": "^0.2.1"
|
||||
},
|
||||
"bin": {
|
||||
"strip-ansi": "cli.js"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/px2rem/node_modules/supports-color": {
|
||||
"version": "0.2.0",
|
||||
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-0.2.0.tgz",
|
||||
"integrity": "sha1-2S3iaU6z9nMjlz1649i1W0wiGQo=",
|
||||
"bin": {
|
||||
"supports-color": "cli.js"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/q": {
|
||||
"version": "1.5.1",
|
||||
"resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz",
|
||||
@ -13768,15 +13485,6 @@
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/source-map-js": {
|
||||
"version": "1.0.1",
|
||||
"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.1.tgz",
|
||||
"integrity": "sha512-4+TN2b3tqOCd/kaGRJ/sTYA0tR0mdXx26ipdolxcwtJVqEnqNYvlCAt1q3ypy4QMlYus+Zh34RNtYLoq2oQ4IA==",
|
||||
"peer": true,
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/source-map-resolve": {
|
||||
"version": "0.5.3",
|
||||
"resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.3.tgz",
|
||||
@ -20110,24 +19818,6 @@
|
||||
"randomfill": "^1.0.3"
|
||||
}
|
||||
},
|
||||
"css": {
|
||||
"version": "2.2.4",
|
||||
"resolved": "https://registry.npmjs.org/css/-/css-2.2.4.tgz",
|
||||
"integrity": "sha512-oUnjmWpy0niI3x/mPL8dVEI1l7MnG3+HHyRPHf+YFSbK+svOhXpmSOcDURUh2aOCgl2grzrOPt1nHLuCVFULLw==",
|
||||
"requires": {
|
||||
"inherits": "^2.0.3",
|
||||
"source-map": "^0.6.1",
|
||||
"source-map-resolve": "^0.5.2",
|
||||
"urix": "^0.1.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"source-map": {
|
||||
"version": "0.6.1",
|
||||
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
|
||||
"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
|
||||
}
|
||||
}
|
||||
},
|
||||
"css-blank-pseudo": {
|
||||
"version": "0.1.4",
|
||||
"resolved": "https://registry.npmjs.org/css-blank-pseudo/-/css-blank-pseudo-0.1.4.tgz",
|
||||
@ -21066,11 +20756,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"extend": {
|
||||
"version": "3.0.2",
|
||||
"resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
|
||||
"integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="
|
||||
},
|
||||
"extend-shallow": {
|
||||
"version": "2.0.1",
|
||||
"resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
|
||||
@ -22462,11 +22147,6 @@
|
||||
"resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.0.tgz",
|
||||
"integrity": "sha512-JVzAR/AjBvVt2BmYhxRCSYysDsPcssdmTFnzyLEts9qNwmjmu4JTAMYubEfwVOSwpQ1I1sKKFcxhZCI2buerfw=="
|
||||
},
|
||||
"js-base64": {
|
||||
"version": "2.6.4",
|
||||
"resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.6.4.tgz",
|
||||
"integrity": "sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ=="
|
||||
},
|
||||
"js-tokens": {
|
||||
"version": "4.0.0",
|
||||
"resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
|
||||
@ -23170,11 +22850,6 @@
|
||||
"integrity": "sha512-uZ5rQaeRn15XmpgE0xoPL8YWqcX90VtCFglYwAgkvKM5e8fog+vePLAhHxuuv/gRkrQxIeh5U3q9sMNUrENqWw==",
|
||||
"optional": true
|
||||
},
|
||||
"natives": {
|
||||
"version": "1.1.6",
|
||||
"resolved": "https://registry.npmjs.org/natives/-/natives-1.1.6.tgz",
|
||||
"integrity": "sha512-6+TDFewD4yxY14ptjKaS63GVdtKiES1pTPyxn9Jb0rBqPMZ7VcCiooEhPNsr+mqHtMGxa/5c/HhcC4uPEUw/nA=="
|
||||
},
|
||||
"needle": {
|
||||
"version": "2.9.1",
|
||||
"resolved": "https://registry.npmjs.org/needle/-/needle-2.9.1.tgz",
|
||||
@ -23773,17 +23448,6 @@
|
||||
"resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz",
|
||||
"integrity": "sha1-AerA/jta9xoqbAL+q7jB/vfgDqs="
|
||||
},
|
||||
"postcss": {
|
||||
"version": "8.4.5",
|
||||
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.5.tgz",
|
||||
"integrity": "sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==",
|
||||
"peer": true,
|
||||
"requires": {
|
||||
"nanoid": "^3.1.30",
|
||||
"picocolors": "^1.0.0",
|
||||
"source-map-js": "^1.0.1"
|
||||
}
|
||||
},
|
||||
"postcss-attribute-case-insensitive": {
|
||||
"version": "4.0.2",
|
||||
"resolved": "https://registry.npmjs.org/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-4.0.2.tgz",
|
||||
@ -25711,84 +25375,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"postcss-px2rem": {
|
||||
"version": "0.3.0",
|
||||
"resolved": "https://registry.npmjs.org/postcss-px2rem/-/postcss-px2rem-0.3.0.tgz",
|
||||
"integrity": "sha1-DfpOiiaPp0eCc/DEtHxhmDSJQEE=",
|
||||
"requires": {
|
||||
"postcss": "^5.0.0",
|
||||
"px2rem": "~0.5.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"ansi-regex": {
|
||||
"version": "2.1.1",
|
||||
"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
|
||||
"integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8="
|
||||
},
|
||||
"ansi-styles": {
|
||||
"version": "2.2.1",
|
||||
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
|
||||
"integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4="
|
||||
},
|
||||
"chalk": {
|
||||
"version": "1.1.3",
|
||||
"resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
|
||||
"integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
|
||||
"requires": {
|
||||
"ansi-styles": "^2.2.1",
|
||||
"escape-string-regexp": "^1.0.2",
|
||||
"has-ansi": "^2.0.0",
|
||||
"strip-ansi": "^3.0.0",
|
||||
"supports-color": "^2.0.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"supports-color": {
|
||||
"version": "2.0.0",
|
||||
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
|
||||
"integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc="
|
||||
}
|
||||
}
|
||||
},
|
||||
"has-flag": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-1.0.0.tgz",
|
||||
"integrity": "sha1-nZ55MWXOAXoA8AQYxD+UKnsdEfo="
|
||||
},
|
||||
"postcss": {
|
||||
"version": "5.2.18",
|
||||
"resolved": "https://registry.npmjs.org/postcss/-/postcss-5.2.18.tgz",
|
||||
"integrity": "sha512-zrUjRRe1bpXKsX1qAJNJjqZViErVuyEkMTRrwu4ud4sbTtIBRmtaYDrHmcGgmrbsW3MHfmtIf+vJumgQn+PrXg==",
|
||||
"requires": {
|
||||
"chalk": "^1.1.3",
|
||||
"js-base64": "^2.1.9",
|
||||
"source-map": "^0.5.6",
|
||||
"supports-color": "^3.2.3"
|
||||
}
|
||||
},
|
||||
"strip-ansi": {
|
||||
"version": "3.0.1",
|
||||
"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
|
||||
"integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
|
||||
"requires": {
|
||||
"ansi-regex": "^2.0.0"
|
||||
}
|
||||
},
|
||||
"supports-color": {
|
||||
"version": "3.2.3",
|
||||
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-3.2.3.tgz",
|
||||
"integrity": "sha1-ZawFBLOVQXHYpklGsq48u4pfVPY=",
|
||||
"requires": {
|
||||
"has-flag": "^1.0.0"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"postcss-pxtorem": {
|
||||
"version": "6.0.0",
|
||||
"resolved": "https://registry.npmjs.org/postcss-pxtorem/-/postcss-pxtorem-6.0.0.tgz",
|
||||
"integrity": "sha512-ZRXrD7MLLjLk2RNGV6UA4f5Y7gy+a/j1EqjAfp9NdcNYVjUMvg5HTYduTjSkKBkRkfqbg/iKrjMO70V4g1LZeg==",
|
||||
"requires": {}
|
||||
},
|
||||
"postcss-reduce-initial": {
|
||||
"version": "4.0.3",
|
||||
"resolved": "https://registry.npmjs.org/postcss-reduce-initial/-/postcss-reduce-initial-4.0.3.tgz",
|
||||
@ -26196,102 +25782,6 @@
|
||||
"resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
|
||||
"integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A=="
|
||||
},
|
||||
"px2rem": {
|
||||
"version": "0.5.0",
|
||||
"resolved": "https://registry.npmjs.org/px2rem/-/px2rem-0.5.0.tgz",
|
||||
"integrity": "sha1-JLOmz3TRSttO13byB4cdmJPkEOI=",
|
||||
"requires": {
|
||||
"chalk": "~0.5.1",
|
||||
"commander": "~2.6.0",
|
||||
"css": "~2.2.0",
|
||||
"extend": "~3.0.0",
|
||||
"fs-extra": "~0.16.3"
|
||||
},
|
||||
"dependencies": {
|
||||
"ansi-regex": {
|
||||
"version": "0.2.1",
|
||||
"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-0.2.1.tgz",
|
||||
"integrity": "sha1-DY6UaWej2BQ/k+JOKYUl/BsiNfk="
|
||||
},
|
||||
"ansi-styles": {
|
||||
"version": "1.1.0",
|
||||
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-1.1.0.tgz",
|
||||
"integrity": "sha1-6uy/Zs1waIJ2Cy9GkVgrj1XXp94="
|
||||
},
|
||||
"chalk": {
|
||||
"version": "0.5.1",
|
||||
"resolved": "https://registry.npmjs.org/chalk/-/chalk-0.5.1.tgz",
|
||||
"integrity": "sha1-Zjs6ZItotV0EaQ1JFnqoN4WPIXQ=",
|
||||
"requires": {
|
||||
"ansi-styles": "^1.1.0",
|
||||
"escape-string-regexp": "^1.0.0",
|
||||
"has-ansi": "^0.1.0",
|
||||
"strip-ansi": "^0.3.0",
|
||||
"supports-color": "^0.2.0"
|
||||
}
|
||||
},
|
||||
"commander": {
|
||||
"version": "2.6.0",
|
||||
"resolved": "https://registry.npmjs.org/commander/-/commander-2.6.0.tgz",
|
||||
"integrity": "sha1-nfflL7Kgyw+4kFjugMMQQiXzfh0="
|
||||
},
|
||||
"fs-extra": {
|
||||
"version": "0.16.5",
|
||||
"resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-0.16.5.tgz",
|
||||
"integrity": "sha1-GtZh+myGyWCM0bSe/G/Og0k5p1A=",
|
||||
"requires": {
|
||||
"graceful-fs": "^3.0.5",
|
||||
"jsonfile": "^2.0.0",
|
||||
"rimraf": "^2.2.8"
|
||||
}
|
||||
},
|
||||
"graceful-fs": {
|
||||
"version": "3.0.12",
|
||||
"resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-3.0.12.tgz",
|
||||
"integrity": "sha512-J55gaCS4iTTJfTXIxSVw3EMQckcqkpdRv3IR7gu6sq0+tbC363Zx6KH/SEwXASK9JRbhyZmVjJEVJIOxYsB3Qg==",
|
||||
"requires": {
|
||||
"natives": "^1.1.3"
|
||||
}
|
||||
},
|
||||
"has-ansi": {
|
||||
"version": "0.1.0",
|
||||
"resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-0.1.0.tgz",
|
||||
"integrity": "sha1-hPJlqujA5qiKEtcCKJS3VoiUxi4=",
|
||||
"requires": {
|
||||
"ansi-regex": "^0.2.0"
|
||||
}
|
||||
},
|
||||
"jsonfile": {
|
||||
"version": "2.4.0",
|
||||
"resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-2.4.0.tgz",
|
||||
"integrity": "sha1-NzaitCi4e72gzIO1P6PWM6NcKug=",
|
||||
"requires": {
|
||||
"graceful-fs": "^4.1.6"
|
||||
},
|
||||
"dependencies": {
|
||||
"graceful-fs": {
|
||||
"version": "4.2.9",
|
||||
"resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz",
|
||||
"integrity": "sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ==",
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"strip-ansi": {
|
||||
"version": "0.3.0",
|
||||
"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-0.3.0.tgz",
|
||||
"integrity": "sha1-JfSOoiynkYfzF0pNuHWTR7sSYiA=",
|
||||
"requires": {
|
||||
"ansi-regex": "^0.2.1"
|
||||
}
|
||||
},
|
||||
"supports-color": {
|
||||
"version": "0.2.0",
|
||||
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-0.2.0.tgz",
|
||||
"integrity": "sha1-2S3iaU6z9nMjlz1649i1W0wiGQo="
|
||||
}
|
||||
}
|
||||
},
|
||||
"q": {
|
||||
"version": "1.5.1",
|
||||
"resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz",
|
||||
@ -26998,12 +26488,6 @@
|
||||
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
|
||||
"integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w="
|
||||
},
|
||||
"source-map-js": {
|
||||
"version": "1.0.1",
|
||||
"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.1.tgz",
|
||||
"integrity": "sha512-4+TN2b3tqOCd/kaGRJ/sTYA0tR0mdXx26ipdolxcwtJVqEnqNYvlCAt1q3ypy4QMlYus+Zh34RNtYLoq2oQ4IA==",
|
||||
"peer": true
|
||||
},
|
||||
"source-map-resolve": {
|
||||
"version": "0.5.3",
|
||||
"resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.3.tgz",
|
||||
|
||||
@ -26,8 +26,6 @@
|
||||
"less-loader": "^6.0.0",
|
||||
"nuxt": "^2.15.7",
|
||||
"nuxt-tailvue": "^1.0.95",
|
||||
"postcss-px2rem": "^0.3.0",
|
||||
"postcss-pxtorem": "^6.0.0",
|
||||
"qrcodejs2": "^0.0.2",
|
||||
"vant": "^2.12.22",
|
||||
"vue-awesome-swiper": "^4.1.1",
|
||||
|
||||
@ -4,19 +4,8 @@
|
||||
<div>
|
||||
<!-- Suppose in header end -->
|
||||
<Myheader></Myheader>
|
||||
<div class="rc-login">
|
||||
<div class="userunlogin" v-show="userunlogin" @click="userlogin">
|
||||
<div class="user-left">
|
||||
<img src="../assets/image/rc-people.png" alt="">
|
||||
<span>
|
||||
登录/注册
|
||||
</span>
|
||||
</div>
|
||||
<div class="user-right">
|
||||
<img src="../assets/image/rc-left.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<tabs></tabs>
|
||||
<unlogin></unlogin>
|
||||
<!-- Suppose in header end -->
|
||||
<van-swipe :autoplay="30000">
|
||||
<van-swipe-item v-for="(banner, index) in banners" :key="index">
|
||||
@ -24,7 +13,7 @@
|
||||
</van-swipe-item>
|
||||
</van-swipe>
|
||||
|
||||
<div class="online" 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 class="swiper-wrapper">
|
||||
<div class="swiper-slide" v-for="(banner,index ) in banners" :key="index">
|
||||
@ -33,9 +22,10 @@
|
||||
</div>
|
||||
<div class="swiper-pagination swiper-pagination-bullets"></div>
|
||||
</div> -->
|
||||
<div class="rc-main">
|
||||
<div class="rc-max-width--xl">
|
||||
<div class="usermain">
|
||||
<div :class="searchBar?'rc-ma':'rc-ma searchBara'">
|
||||
<div v-if="!searchBar" class="online bold rc-md-down"></div>
|
||||
<ul class="ul-zhuan">
|
||||
<li
|
||||
v-for="(item, index) in discountlist"
|
||||
@ -47,18 +37,19 @@
|
||||
<span>{{ item.title }}</span>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="online bold rc-md-down"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="online"></div>
|
||||
<div class="online bold rc-md-up"></div>
|
||||
|
||||
<div class="rc-main">
|
||||
<div class="rc-lunbo">
|
||||
<div class="rc-full-width">
|
||||
<div class="rc-lunbo rc-full-width">
|
||||
<!-- <h2>明星猫粮</h2> -->
|
||||
<div class="pageFullScreen" id="xxxFullScreen" v-show="catproduct">
|
||||
<!-- 内容 -->
|
||||
<div class="swiper-container" id="swiper1">
|
||||
<h2>明星猫粮</h2>
|
||||
<div class="swiper-container rc-full-width rc-padding-y--md" id="swiper1">
|
||||
<h2 class="rc-beta rc-text--center">明星猫粮</h2>
|
||||
<!-- 轮播图 -->
|
||||
<swiper :options="swiperOption">
|
||||
<swiper-slide class="swiper-slide" v-for="(item, key) in catlistvideo" :key="key" >
|
||||
@ -72,7 +63,7 @@
|
||||
<span>{{item.title}}</span>
|
||||
<p>{{item.detail}}</p>
|
||||
<em>{{item.price}}</em>
|
||||
<strong @click="userbuy(item,index)">立即购买</strong>
|
||||
<strong class="ts-standard-btn ts-standard-btn--two center" @click="userbuy(item,index)">立即购买</strong>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sw-center" >
|
||||
@ -88,8 +79,8 @@
|
||||
<p>{{item.detail}}</p>
|
||||
<em>{{item.price}}</em>
|
||||
</div>
|
||||
<div class="sw-cen">
|
||||
<i @click="userbuy(item,index)">立即购买</i>
|
||||
<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>
|
||||
|
||||
@ -103,29 +94,33 @@
|
||||
|
||||
|
||||
|
||||
<div class="online"></div>
|
||||
<div class="selectionswitch">
|
||||
<h2>全价猫湿粮</h2>
|
||||
<div class="online bold"></div>
|
||||
<div class="selectionswitch rc-full-width rc-max-width--xl rc-padding-y--md">
|
||||
<h2 class="rc-beta rc-text--center">全价猫湿粮</h2>
|
||||
<van-tabs @change='userclick' class="van-tabs">
|
||||
<van-tab v-for="(item,index) in discoun" :key="index" :title="item.title">
|
||||
<div class="rc-contair">
|
||||
<ul>
|
||||
<li v-for="(item,index) in catshi" :key="index">
|
||||
<div class="rc-conta" @click="selectproduce(item,index)" >
|
||||
<ul class="ts-product-list rc-margin-bottom--lg">
|
||||
<li v-for="(item,index) in catshi" :key="index" class="rc-margin-top--md">
|
||||
<div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
|
||||
<div class="rc-rccontair">
|
||||
<img :src=item.picture alt="">
|
||||
</div>
|
||||
<span>{{item.name}}</span>
|
||||
<i>{{item.price}}</i>
|
||||
</div>
|
||||
<strong @click="selectproduce(item,index)">立即购买</strong>
|
||||
<div class="rc-column">
|
||||
<div class="rc-click" @click="selectproduce(item,index)">
|
||||
<span>{{item.name}}</span>
|
||||
<i>0.001{{item.price}}</i>
|
||||
</div>
|
||||
<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<nuxt-link :to="`/productdetails/productlist/`">
|
||||
<div class="userserlect">
|
||||
<span>查看更多</span>
|
||||
<span class="ts-standard-btn center">查看更多</span>
|
||||
</div>
|
||||
</nuxt-link>
|
||||
|
||||
@ -136,7 +131,6 @@
|
||||
</van-tab>
|
||||
</van-tabs>
|
||||
<div class="rc-selection">
|
||||
|
||||
<ol>
|
||||
<li
|
||||
v-for="(item, index) in selection"
|
||||
@ -144,7 +138,6 @@
|
||||
@click="selectGo(item, index)"
|
||||
:class="activeInde2 == index ? 'userselection' : 'unselection'"
|
||||
>
|
||||
|
||||
<span>{{ item.title }}</span>
|
||||
</li>
|
||||
</ol>
|
||||
@ -159,24 +152,29 @@
|
||||
<img :src="item.catimage" alt="">
|
||||
<span>{{ item.title }}</span>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<div class="rc-contair">
|
||||
<ul>
|
||||
<li v-for="(item,index) in rccontair" :key="index">
|
||||
<div class="">
|
||||
<ul class="ts-product-list rc-margin-bottom--lg">
|
||||
<li v-for="(item,index) in rccontair" :key="index" class="rc-margin-top--md">
|
||||
<div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
|
||||
<div class="rc-rccontair">
|
||||
<img :src=item.catimage alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="rc-column">
|
||||
<div class="rc-click" @click="selectproduce(item,index)">
|
||||
<span>{{item.title}}</span>
|
||||
<i>{{item.price}}</i>
|
||||
<strong @click="userbuy(item,index)">立即购买</strong>
|
||||
<i>0.001{{item.price}}</i>
|
||||
</div>
|
||||
<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<nuxt-link :to="`/productdetails/productlist/`">
|
||||
<div class="userserlect">
|
||||
<span>查看更多</span>
|
||||
<span class="ts-standard-btn center">查看更多</span>
|
||||
</div>
|
||||
</nuxt-link>
|
||||
|
||||
@ -185,29 +183,33 @@
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="online"></div>
|
||||
<div class="selectionswitch">
|
||||
<h2>全价猫干粮</h2>
|
||||
<div class="online bold"></div>
|
||||
<div class="selectionswitch rc-full-width rc-max-width--xl rc-padding-y--md">
|
||||
<h2 class="rc-beta rc-text--center">全价猫干粮</h2>
|
||||
<van-tabs @change='userclick' class="van-tabs">
|
||||
<van-tab v-for="(item,index) in discoun" :key="index" :title="item.title">
|
||||
<div class="rc-contair">
|
||||
<ul>
|
||||
<li v-for="(item,index) in catgan" :key="index">
|
||||
<div class="rc-conta" @click="selectproduce(item,index)" >
|
||||
<ul class="ts-product-list rc-margin-bottom--lg">
|
||||
<li v-for="(item,index) in catgan" :key="index" class="rc-margin-top--md">
|
||||
<div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
|
||||
<div class="rc-rccontair">
|
||||
<img :src=item.picture alt="">
|
||||
</div>
|
||||
<span>{{item.name}}</span>
|
||||
<i>{{item.price}}</i>
|
||||
</div>
|
||||
<strong @click="selectproduce(item,index)">立即购买</strong>
|
||||
<div class="rc-column">
|
||||
<div class="rc-click" @click="selectproduce(item,index)">
|
||||
<span>{{item.name}}</span>
|
||||
<i>0.001{{item.price}}</i>
|
||||
</div>
|
||||
<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<nuxt-link :to="`/productdetails/productlist/`">
|
||||
<div class="userserlect">
|
||||
<span>查看更多</span>
|
||||
<span class="ts-standard-btn center">查看更多</span>
|
||||
</div>
|
||||
</nuxt-link>
|
||||
</div>
|
||||
@ -244,20 +246,25 @@
|
||||
</ul>
|
||||
</div>
|
||||
<div class="rc-contair">
|
||||
<ul>
|
||||
<li v-for="(item,index) in rccontair" :key="index">
|
||||
<ul class="ts-product-list rc-margin-bottom--lg">
|
||||
<li v-for="(item,index) in rccontair" :key="index" class="rc-margin-top--md">
|
||||
<div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
|
||||
<div class="rc-rccontair">
|
||||
<img :src=item.catimage alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="rc-column">
|
||||
<div class="rc-click" @click="selectproduce(item,index)">
|
||||
<span>{{item.title}}</span>
|
||||
<i>{{item.price}}</i>
|
||||
<strong @click="userbuy(item,index)">立即购买</strong>
|
||||
<i>0.001{{item.price}}</i>
|
||||
</div>
|
||||
<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<nuxt-link :to="`/productdetails/productlist/`">
|
||||
<div class="userserlect">
|
||||
<span>查看更多</span>
|
||||
<span class="ts-standard-btn center">查看更多</span>
|
||||
</div>
|
||||
</nuxt-link>
|
||||
|
||||
@ -269,30 +276,34 @@
|
||||
|
||||
|
||||
</div>
|
||||
<div class="online"></div>
|
||||
<div class="online bold"></div>
|
||||
|
||||
<div class="selectionswitch">
|
||||
<h2>全价犬湿粮</h2>
|
||||
<div class="selectionswitch rc-full-width rc-max-width--xl rc-padding-y--md">
|
||||
<h2 class="rc-beta rc-text--center">全价犬湿粮</h2>
|
||||
<van-tabs @change='userdog' class="van-tabs">
|
||||
<van-tab v-for="(item,index) in dogtype" :key="index" :title="item.title">
|
||||
<div class="rc-contair">
|
||||
<ul>
|
||||
<li v-for="(item,index) in dogshi" :key="index">
|
||||
<div class="rc-conta" @click="selectproduce(item,index)" >
|
||||
<ul class="ts-product-list rc-margin-bottom--lg">
|
||||
<li v-for="(item,index) in dogshi" :key="index" class="rc-margin-top--md">
|
||||
<div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
|
||||
<div class="rc-rccontair">
|
||||
<img :src=item.picture alt="">
|
||||
</div>
|
||||
<span>{{item.name}}</span>
|
||||
<i>{{item.price}}</i>
|
||||
</div>
|
||||
<strong @click="selectproduce(item,index)">立即购买</strong>
|
||||
<div class="rc-column">
|
||||
<div class="rc-click" @click="selectproduce(item,index)">
|
||||
<span>{{item.name}}</span>
|
||||
<i>0.001{{item.price}}</i>
|
||||
</div>
|
||||
<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<nuxt-link :to="`/productdetails/productlist/`">
|
||||
<div class="userserlect">
|
||||
<span>查看更多</span>
|
||||
<span class="ts-standard-btn center">查看更多</span>
|
||||
</div>
|
||||
</nuxt-link>
|
||||
|
||||
@ -332,20 +343,27 @@
|
||||
</ul>
|
||||
</div>
|
||||
<div class="rc-contair">
|
||||
<ul>
|
||||
<li v-for="(item,index) in rccontair" :key="index">
|
||||
<ul class="ts-product-list rc-margin-bottom--lg">
|
||||
<li v-for="(item,index) in rccontair" :key="index" class="rc-margin-top--md">
|
||||
<div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
|
||||
<div class="rc-rccontair">
|
||||
<img :src=item.catimage alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="rc-column">
|
||||
<div class="rc-click" @click="selectproduce(item,index)">
|
||||
<span>{{item.title}}</span>
|
||||
<i>{{item.price}}</i>
|
||||
<strong @click="userbuy(item,index)">立即购买</strong>
|
||||
<i>0.001{{item.price}}</i>
|
||||
</div>
|
||||
<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<nuxt-link :to="`/productdetails/productlist/`">
|
||||
<div class="userserlect">
|
||||
<span>查看更多</span>
|
||||
<span class="ts-standard-btn center">查看更多</span>
|
||||
</div>
|
||||
</nuxt-link>
|
||||
|
||||
@ -357,28 +375,32 @@
|
||||
|
||||
|
||||
</div>
|
||||
<div class="online"></div>
|
||||
<div class="selectionswitch">
|
||||
<h2>全价犬干粮</h2>
|
||||
<div class="online bold"></div>
|
||||
<div class="selectionswitch rc-full-width rc-max-width--xl rc-padding-y--md">
|
||||
<h2 class="rc-beta rc-text--center">全价犬干粮</h2>
|
||||
<van-tabs @change='userdog' class="van-tabs">
|
||||
<van-tab v-for="(item,index) in dogtype" :key="index" :title="item.title">
|
||||
<div class="rc-contair">
|
||||
<ul>
|
||||
<li v-for="(item,index) in doggan" :key="index">
|
||||
<div class="rc-conta" @click="selectproduce(item,index)" >
|
||||
<ul class="ts-product-list rc-margin-bottom--lg">
|
||||
<li v-for="(item,index) in doggan" :key="index" class="rc-margin-top--md">
|
||||
<div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
|
||||
<div class="rc-rccontair">
|
||||
<img :src=item.picture alt="">
|
||||
</div>
|
||||
<span>{{item.name}}</span>
|
||||
<i>{{item.price}}</i>
|
||||
</div>
|
||||
<strong @click="selectproduce(item,index)">立即购买</strong>
|
||||
<div class="rc-column">
|
||||
<div class="rc-click" @click="selectproduce(item,index)">
|
||||
<span>{{item.name}}</span>
|
||||
<i>0.001{{item.price}}</i>
|
||||
</div>
|
||||
<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<nuxt-link :to="`/productdetails/productlist/`">
|
||||
<div class="userserlect">
|
||||
<span>查看更多</span>
|
||||
<span class="ts-standard-btn center">查看更多</span>
|
||||
</div>
|
||||
</nuxt-link>
|
||||
|
||||
@ -418,20 +440,26 @@
|
||||
</ul>
|
||||
</div>
|
||||
<div class="rc-contair">
|
||||
<ul>
|
||||
<li v-for="(item,index) in rccontair" :key="index">
|
||||
<ul class="ts-product-list rc-margin-bottom--lg">
|
||||
<li v-for="(item,index) in rccontair" :key="index" class="rc-margin-top--md">
|
||||
<div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
|
||||
<div class="rc-rccontair">
|
||||
<img :src=item.catimage alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="rc-column">
|
||||
<div class="rc-click" @click="selectproduce(item,index)">
|
||||
<span>{{item.title}}</span>
|
||||
<i>{{item.price}}</i>
|
||||
<strong @click="selectproduce(item,index)">立即购买</strong>
|
||||
<i>0.001{{item.price}}</i>
|
||||
</div>
|
||||
<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<nuxt-link :to="`/productdetails/productlist/`">
|
||||
<div class="userserlect">
|
||||
<span>查看更多</span>
|
||||
<span class="ts-standard-btn center">查看更多</span>
|
||||
</div>
|
||||
</nuxt-link>
|
||||
|
||||
@ -443,30 +471,32 @@
|
||||
|
||||
|
||||
</div>
|
||||
<div class="online"></div>
|
||||
<div class="online bold"></div>
|
||||
|
||||
<div class="selectionswitch">
|
||||
<h2>处方用粮</h2>
|
||||
<div class="selectionswitch rc-full-width rc-max-width--xl rc-padding-y--md">
|
||||
<h2 class="rc-beta rc-text--center">处方用粮</h2>
|
||||
<van-tabs @change='userclick' class="van-tabs">
|
||||
<van-tab v-for="(item,index) in discounchufang" :key="index" :title="item.title">
|
||||
<div class="rc-contair">
|
||||
<ul>
|
||||
<li v-for="(item,index) in processinformation" :key="index">
|
||||
<div class="rc-conta" @click="selectproduce(item,index)" >
|
||||
<ul class="ts-product-list rc-margin-bottom--lg">
|
||||
<li v-for="(item,index) in processinformation" :key="index" class="rc-margin-top--md rc-padding-bottom--lg">
|
||||
<div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
|
||||
<div class="rc-rccontair">
|
||||
<img :src="`${usersetting}/${item.picFile}`">
|
||||
</div>
|
||||
<span>{{item.productName}}</span>
|
||||
<!-- <i>￥{{item.basePrice}}</i> -->
|
||||
</div>
|
||||
<strong @click="selectproduce(item,index)">立即购买</strong>
|
||||
<div class="rc-column">
|
||||
<div class="rc-click" @click="selectproduce(item,index)">
|
||||
<span>{{item.productName}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<nuxt-link :to="`/productdetails/productlist/`">
|
||||
<div class="userserlect">
|
||||
<span>查看更多</span>
|
||||
<span class="ts-standard-btn center">查看更多</span>
|
||||
</div>
|
||||
</nuxt-link>
|
||||
|
||||
@ -506,20 +536,24 @@
|
||||
</ul>
|
||||
</div>
|
||||
<div class="rc-contair">
|
||||
<ul>
|
||||
<li v-for="(item,index) in rccontair" :key="index">
|
||||
<ul class="ts-product-list rc-margin-bottom--lg">
|
||||
<li v-for="(item,index) in rccontair" :key="index" class="rc-margin-top--md rc-padding-bottom--lg">
|
||||
<div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
|
||||
<div class="rc-rccontair">
|
||||
<img :src=item.catimage alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="rc-column">
|
||||
<div class="rc-click" @click="selectproduce(item,index)">
|
||||
<span>{{item.title}}</span>
|
||||
<i>{{item.price}}</i>
|
||||
<strong @click="selectproduce(item,index)">立即购买</strong>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<nuxt-link :to="`/productdetails/productlist/`">
|
||||
<div class="userserlect">
|
||||
<span>查看更多</span>
|
||||
<span class="ts-standard-btn center">查看更多</span>
|
||||
</div>
|
||||
</nuxt-link>
|
||||
|
||||
@ -528,16 +562,16 @@
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="online"></div>
|
||||
<div class="online bold"></div>
|
||||
|
||||
<div class="rc-usermessage">
|
||||
<em>为每一种健康需求度身定制</em>
|
||||
<span>每一只猫、每一只狗都是独一无二的，而他们的健康所需亦一样，需要专门度身定制。不过，这些健康需求
|
||||
<div class="rc-usermessage rc-padding--md rc-full-width rc-max-width--md">
|
||||
<h2 class="rc-beta rc-text--center">为每一种健康需求度身定制</h2>
|
||||
<span class="rc-text--center">每一只猫、每一只狗都是独一无二的，而他们的健康所需亦一样，需要专门度身定制。不过，这些健康需求
|
||||
通常是他们体型、品种或生活方式上的特征。邀请您探索我们的营养系列，了解我们如何协助每一只爱宠过
|
||||
得更健康。
|
||||
</span>
|
||||
<a href="https://royalcanin.com.cn/tailored-nutrition/details">
|
||||
<i>了解更多</i>
|
||||
<a href="https://royalcanin.com.cn/tailored-nutrition/details" class="ts-standard-btn ts-standard-btn--two center rc-margin-y--md">
|
||||
了解更多
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@ -593,18 +627,25 @@
|
||||
import $ from 'jquery'
|
||||
import Myheader from "~/components/header.vue";
|
||||
import Myfooter from "~/components/rc-footer.vue";
|
||||
import unlogin from "~/components/unlogin.vue";
|
||||
import tabs from "@/components/tabs.vue";
|
||||
import '@vant/touch-emulator';
|
||||
import { userquery,postCourseId,biaomessage,userque } from "../ajax/getData";
|
||||
import { userquery,postCourseId,biaomessage,userque,searchchanpin } from "../ajax/getData";
|
||||
const settings = require("@/config");
|
||||
export default {
|
||||
middleware: 'metaTitle',
|
||||
// middleware: 'metaTitle',
|
||||
meta: {title: '首页'},
|
||||
data(){
|
||||
return{
|
||||
processinformation:[],
|
||||
catshi:[],
|
||||
userstype:'',
|
||||
userunlogin:false,
|
||||
searchBar:true,
|
||||
usermessage:[],
|
||||
catgan:[],
|
||||
userserachlist:[{}],
|
||||
doggan:[],
|
||||
dogtype:[
|
||||
{
|
||||
@ -617,14 +658,7 @@
|
||||
{
|
||||
title: "老年犬",
|
||||
},
|
||||
// {
|
||||
// title: "品种猫",
|
||||
|
||||
// },
|
||||
// {
|
||||
// title: "亚健康",
|
||||
|
||||
// },
|
||||
],
|
||||
dogshi:[],
|
||||
catlist:[],
|
||||
@ -908,7 +942,9 @@ activeInde3:0,
|
||||
},
|
||||
components:{
|
||||
Myheader,
|
||||
Myfooter
|
||||
Myfooter,
|
||||
tabs,
|
||||
unlogin,
|
||||
},
|
||||
mounted(){
|
||||
this.usermessage= JSON.parse(localStorage.getItem("userInfo"));
|
||||
@ -929,14 +965,22 @@ activeInde3:0,
|
||||
},
|
||||
methods:{
|
||||
userdog(item,index){
|
||||
this.dogmessage(index)
|
||||
this.userstype=1;
|
||||
let petType={
|
||||
petType:1,
|
||||
name:index,
|
||||
}
|
||||
for(let i =0;i<this.userserachlist.length;i++){
|
||||
if(!this.userserachlist.includes(petType)){
|
||||
this.userserachlist.push(petType)
|
||||
}
|
||||
}
|
||||
this.dogmessage(this.userserachlist)
|
||||
},
|
||||
|
||||
|
||||
userlook(order){
|
||||
console.log(order);
|
||||
if(order==0){
|
||||
console.log(this.catlist);
|
||||
this.catshi=this.catlist;
|
||||
}
|
||||
if(order==1){
|
||||
@ -953,15 +997,7 @@ activeInde3:0,
|
||||
}
|
||||
|
||||
},
|
||||
//用户登录
|
||||
userlogin(){
|
||||
this.$router.push({
|
||||
path: "/userlogin/login",
|
||||
query: {
|
||||
stype: 1,
|
||||
},
|
||||
});
|
||||
},
|
||||
|
||||
|
||||
showmesg(){
|
||||
this.toTop();
|
||||
@ -970,7 +1006,7 @@ activeInde3:0,
|
||||
{
|
||||
let fixedCatbarSeperator = document.getElementById("fixed-catbar-seperator");
|
||||
let scrolltop = document.documentElement.scrollTop || document.body.scrollTop;
|
||||
if((scrolltop-fixedCatbarSeperator.offsetTop)>=0)
|
||||
if((scrolltop-fixedCatbarSeperator.offsetTop)>0)
|
||||
{
|
||||
this.gotop = true
|
||||
this.searchBar=false
|
||||
@ -992,33 +1028,40 @@ activeInde3:0,
|
||||
}, 10);
|
||||
},
|
||||
async courseId(item) {
|
||||
console.log(item);
|
||||
console.log(this.usermessage);
|
||||
let data = await postCourseId(this.productCode,1,this.usermessage.data.id,this.usermessage.data.mobile,item.picFile,item.name,item.basePrice,item.specifications);
|
||||
if(data){
|
||||
this.productlist=data;
|
||||
}
|
||||
console.log(data);
|
||||
},
|
||||
//请求猫
|
||||
async catmessage() {
|
||||
let data = await biaomessage(0);
|
||||
|
||||
async catmessage(stype) {
|
||||
let data=[];
|
||||
if(stype==undefined||stype==null){
|
||||
data = await biaomessage(0);
|
||||
}else{
|
||||
data = await biaomessage(this.userserachlist);
|
||||
}
|
||||
if(data){
|
||||
console.log(data);
|
||||
this.catlist=data;
|
||||
let userlist=[];
|
||||
userlist=data.slice(0,6);
|
||||
console.log(userlist);
|
||||
this.catshi=userlist;
|
||||
this.catgan=userlist;
|
||||
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
//请求犬
|
||||
async dogmessage(name) {
|
||||
let data = await biaomessage(1,name);
|
||||
async dogmessage(stype) {
|
||||
let data=[];
|
||||
if(stype==undefined||stype==null){
|
||||
|
||||
data = await biaomessage(1);
|
||||
}else{
|
||||
data = await biaomessage(this.userserachlist);
|
||||
}
|
||||
if(data){
|
||||
let userlist=[];
|
||||
userlist=data.slice(0,6);
|
||||
@ -1046,7 +1089,6 @@ activeInde3:0,
|
||||
|
||||
//请求处方量信息数据
|
||||
async userchufang() {
|
||||
console.log("-----");
|
||||
let list=[];
|
||||
let data = await userque();
|
||||
if(data){
|
||||
@ -1056,27 +1098,38 @@ activeInde3:0,
|
||||
|
||||
}
|
||||
|
||||
console.log(data);
|
||||
},
|
||||
|
||||
//点击请求处方量标签信息数据
|
||||
async userquery(item) {
|
||||
console.log("-----");
|
||||
let data = await userquery(item);
|
||||
if(data){
|
||||
this.processinformation=data;
|
||||
console.log(this.processinformation);
|
||||
console.log(data);
|
||||
}
|
||||
|
||||
console.log(data);
|
||||
},
|
||||
//处方用粮筛选
|
||||
userclick(item,index){
|
||||
this.userquery(index)
|
||||
},
|
||||
//全价猫湿粮筛选
|
||||
catclick(item,index){
|
||||
this.userstype=0;
|
||||
let petType={
|
||||
petType:0,
|
||||
name:index,
|
||||
}
|
||||
for(let i =0;i<this.userserachlist.length;i++){
|
||||
if(!this.userserachlist.includes(petType)){
|
||||
this.userserachlist.push(petType)
|
||||
}
|
||||
}
|
||||
this.catmessage(this.userserachlist)
|
||||
},
|
||||
|
||||
|
||||
|
||||
lianxi(item,index){
|
||||
console.log(item,index);
|
||||
if(item.title=='在线客服'){
|
||||
var option = {
|
||||
customer: {id: '', name: '', email: '', mobile: '', memberId: '999999'}
|
||||
@ -1084,7 +1137,6 @@ activeInde3:0,
|
||||
dis_livchat(option);
|
||||
}
|
||||
if(item.title=='购物车'){
|
||||
console.log('---12314');
|
||||
this.$router.push({
|
||||
path: "/myorder/userrecord",
|
||||
|
||||
@ -1100,7 +1152,6 @@ activeInde3:0,
|
||||
},
|
||||
userbuy(item){
|
||||
let user= localStorage.getItem("userInfo");
|
||||
console.log(item);
|
||||
this.courseId(item)
|
||||
this.$router.push({
|
||||
path: "/myorder/userrecord",
|
||||
@ -1111,12 +1162,10 @@ activeInde3:0,
|
||||
selectGoods(item,index){
|
||||
let jump = document.querySelectorAll('.selectionswitch')
|
||||
let total = jump[index].offsetTop
|
||||
console.log(total);
|
||||
$('html body').animate({scrollTop: total}, 500);
|
||||
this.activeIndex=index;
|
||||
this.catfood=true;
|
||||
this.catproduct=false;
|
||||
console.log(item)
|
||||
if(item.title=="猫湿粮"){
|
||||
this.catproduct=false;
|
||||
this.catfood=true;
|
||||
@ -1128,7 +1177,6 @@ selectGoods(item,index){
|
||||
|
||||
},
|
||||
selectGo(item,index){
|
||||
console.log(index);
|
||||
this.activeInde2=index;
|
||||
},
|
||||
selectGoo(item,index){
|
||||
|
||||
@ -1,9 +1,10 @@
|
||||
<template>
|
||||
<div>
|
||||
<Myheader></Myheader>
|
||||
|
||||
<div class="rc-header">
|
||||
<div class="rc-main">
|
||||
<Myheader></Myheader>
|
||||
<tabs></tabs>
|
||||
<div class="rc-commodity">
|
||||
<div class="rc-commondi">
|
||||
<img src="../../assets/image/rc-select.png" alt="" />
|
||||
@ -119,10 +120,13 @@
|
||||
<script>
|
||||
import { List } from 'vant';
|
||||
import Myheader from "~/components/header.vue";
|
||||
import tabs from "@/components/tabs.vue";
|
||||
import instance from "@/config/request";
|
||||
import {isexistCart,generateOrderWX,deleteCart} from "../../ajax/getData";
|
||||
import accMul from "../../config/setDec.js"
|
||||
export default {
|
||||
middleware: 'metaTitle',
|
||||
meta: {title: '购物车'},
|
||||
data() {
|
||||
return {
|
||||
ordersum: 1,
|
||||
@ -187,6 +191,7 @@ export default {
|
||||
|
||||
components: {
|
||||
Myheader,
|
||||
tabs
|
||||
},
|
||||
methods:{
|
||||
//请求猫
|
||||
|
||||
@ -69,7 +69,7 @@
|
||||
<div class="rc-usermain">
|
||||
<h2>服务工具</h2>
|
||||
<div class="rc-buymain">
|
||||
<div class="rc-buy" v-for="(item, index) in personallist" :key="index" @click="openaddress(index)">
|
||||
<div class="rc-buy" v-for="(item, index) in personallist" :key="index" @click="openaddress(item,index)">
|
||||
<div class="rc-cord">
|
||||
<img :src="item.buyimage" alt="" />
|
||||
<em>{{ item.title }}</em>
|
||||
@ -186,38 +186,42 @@ export default {
|
||||
},
|
||||
methods: {
|
||||
userinter(){
|
||||
console.log(this.userid);
|
||||
if(this.userid!==null||this.userid!==undefined){
|
||||
let user= localStorage.getItem("userInfo");
|
||||
if(user==undefined||user==null||user==''){
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: '您还未登录'
|
||||
});
|
||||
return
|
||||
|
||||
}else{
|
||||
this.$router.push({
|
||||
path: "/personal/integral/",
|
||||
query: {
|
||||
stype: 1,
|
||||
},
|
||||
});
|
||||
}else{
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: '您还未登录'
|
||||
});
|
||||
return
|
||||
}
|
||||
},
|
||||
findall(){
|
||||
console.log('PPP');
|
||||
console.log(this.userid.length);
|
||||
if(this.userid!==null||this.userid!==undefined){
|
||||
|
||||
let user= localStorage.getItem("userInfo");
|
||||
if(user==undefined||user==null||user==''){
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: '您还未登录'
|
||||
});
|
||||
return
|
||||
|
||||
}else{
|
||||
this.$router.push({
|
||||
path: "/personal/useraddress/",
|
||||
query: {
|
||||
stype: 0,
|
||||
},
|
||||
});
|
||||
}else{
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: '您还未登录'
|
||||
});
|
||||
return
|
||||
}
|
||||
|
||||
},
|
||||
@ -225,8 +229,16 @@ userinter(){
|
||||
obligation(item,index){
|
||||
console.log(index);
|
||||
console.log(item);
|
||||
let user= localStorage.getItem("userInfo");
|
||||
if(user==undefined||user==null||user==''){
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: '您还未登录'
|
||||
});
|
||||
return
|
||||
|
||||
if(this.userid!==null||this.userid!==undefined){
|
||||
|
||||
}else{
|
||||
if(item.title=='待付款'){
|
||||
this.$router.push({
|
||||
path: "/personal/useraddress",
|
||||
@ -253,13 +265,6 @@ obligation(item,index){
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
}else{
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: '您还未登录'
|
||||
});
|
||||
return
|
||||
}
|
||||
|
||||
},
|
||||
@ -299,12 +304,21 @@ obligation(item,index){
|
||||
this.dialogInfo1=false;
|
||||
}
|
||||
},
|
||||
openaddress(index){
|
||||
console.log(index);
|
||||
if(this.userid!==null||this.userid!==undefined){
|
||||
openaddress(item,index){
|
||||
console.log(item,index);
|
||||
let user= localStorage.getItem("userInfo");
|
||||
if(user==undefined||user==null||user==''){
|
||||
console.log('---=');
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: '您还未登录'
|
||||
});
|
||||
return
|
||||
|
||||
}else{
|
||||
if(index==2){
|
||||
this.$router.push({
|
||||
path: `/useraddress/openaddress/`
|
||||
path: `/personal/useraddress/`
|
||||
})
|
||||
console.log('这是地址的跳转');
|
||||
|
||||
@ -322,13 +336,6 @@ this.$router.push({
|
||||
|
||||
|
||||
}
|
||||
}else{
|
||||
console.log('---=');
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: '您还未登录'
|
||||
});
|
||||
return
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
@ -2,46 +2,47 @@
|
||||
<div>
|
||||
<div class="user" v-for="(item,index) in newlist" :key="index">
|
||||
<Myheader></Myheader>
|
||||
<unlogin></unlogin>
|
||||
<tabs></tabs>
|
||||
<div class="online" ></div>
|
||||
<div class="rc-top"></div>
|
||||
<div class="rc-usermain ts-product-detail">
|
||||
<magnifier v-bind:parentmsg="msg" ></magnifier>
|
||||
<div class="rc-header" >
|
||||
<div class="ts-product-header" >
|
||||
<div class="usermain">
|
||||
<div class="online"></div>
|
||||
<div class="online bold rc-md-down"></div>
|
||||
<div class="rc-main">
|
||||
<div class="rc-title">
|
||||
<h2>{{ item.productName }}</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="online"></div>
|
||||
<div class="online rc-md-down"></div>
|
||||
<div class="rc-main">
|
||||
<div class="productdetails">
|
||||
<div class="rc-productdetail">
|
||||
<i>商品价格</i>
|
||||
<span>￥{{ item.rsp }}</span>
|
||||
<i style="font-size:12px;color:#999999">￥{{item.ecPrice}}</i>
|
||||
<i class="ts-row-title">商品价格：</i>
|
||||
<span class="ts-realprice">￥{{ item.rsp }}</span>
|
||||
<span class="ts-remove ts-ecprice">￥{{ item.ecPrice }} </span>
|
||||
</div>
|
||||
<div class="rc-productdetai">
|
||||
<div>
|
||||
<i>活动促销:</i>
|
||||
<i class="ts-row-title">活动促销：</i>
|
||||
<span>全场商品限时优惠</span>
|
||||
</div>
|
||||
<em @click="userget()">立即领取</em>
|
||||
</div>
|
||||
<div class="rc-button" v-if="!userbuy">
|
||||
<span @click="usertanchu(item,0)">加入购物车</span>
|
||||
<span @click="usertanchu(item,1)">立即购买</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="online bold rc-md-down"></div>
|
||||
<div class="rc-main rc-md-up">
|
||||
<div class="online"></div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="rc-productdeta" v-if="userbuy">
|
||||
<div class="rc-main">
|
||||
<div class="rc-prodtop">
|
||||
<div>
|
||||
<span>商品规格</span>：
|
||||
<i class="ts-row-title">商品规格：</i>
|
||||
</div>
|
||||
<!-- <em v-for="(item, index) in stype" :key="index" @click="selectsearch(item, index)" :class="activeIndexa == index ? 'active' : 'unactive'">
|
||||
{{ item.title }}
|
||||
@ -52,36 +53,42 @@
|
||||
</em>
|
||||
</div>
|
||||
</div>
|
||||
<div class="online"></div>
|
||||
<div class="rc-main">
|
||||
<div class="rc-produnnum">
|
||||
<div><span>商品数量</span>：</div>
|
||||
<div><i class="ts-row-title">商品数量：</i></div>
|
||||
<img src="../../assets/image/userjian.png" alt="" @click="sub()" />
|
||||
<strong>{{sales_num}}</strong>
|
||||
<img src="../../assets/image/userjia.png" alt="" @click="plus()" class="rc-message" />
|
||||
<img src="../../assets/image/userjia.png" alt="" @click="plus()" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="rc-main rc-md-up">
|
||||
<div class="online"></div>
|
||||
</div>
|
||||
<div class="online rc-md-down"></div>
|
||||
<div class="rc-main">
|
||||
<div class="certification">
|
||||
<ul>
|
||||
<li>
|
||||
<span
|
||||
>服务说明：<i>当天14点前完成付款即日安排发货;当天14点后完成付款次日安排发货(周日及国家法定节假日顺延至下一个工作日发货,活动期间发货或有延迟敬请理解)</i></span
|
||||
><i class="ts-row-title">服务说明：</i><i>当天14点前完成付款即日安排发货;当天14点后完成付款次日安排发货(周日及国家法定节假日顺延至下一个工作日发货,活动期间发货或有延迟敬请理解)</i></span
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
>商品运费：<i>全场包邮(港澳除外)</i></span
|
||||
><i class="ts-row-title">商品运费：</i><i>全场包邮(港澳除外)</i></span
|
||||
>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<span
|
||||
>商品编号：<i>{{ item.brandCode }}</i></span
|
||||
><i class="ts-row-title">商品编号：</i><i>{{ item.brandCode }}</i></span
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<div class="rc-button" v-if="!userbuy">
|
||||
<span @click="usertanchu(item,0)">加入购物车</span>
|
||||
<span @click="usertanchu(item,1)">立即购买</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -89,9 +96,21 @@
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="rc-footimage">
|
||||
<div class="rc-footimage rc-main">
|
||||
<img :src=item.showImgFile alt="">
|
||||
|
||||
</div>
|
||||
<div class="rc-fixright" >
|
||||
<ul >
|
||||
<li v-for="(userfixed,index) in fixedlist" :key="index" @click="lianxi(userfixed,index)">
|
||||
<img :src="userfixed.catimage" alt="">
|
||||
<span> {{userfixed.title}}</span>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tuntop" @click="toTop" v-show="gotop">
|
||||
<img src="../../assets/image/turntop.png" alt="">
|
||||
回到顶部
|
||||
</div>
|
||||
</div>
|
||||
<Myfooter v-on:litentop='showmesg'></Myfooter>
|
||||
</div>
|
||||
@ -156,7 +175,7 @@
|
||||
|
||||
|
||||
</el-dialog>
|
||||
<div class="rc-button" style="width:100%">
|
||||
<div class="rc-button rc-md-down">
|
||||
<span @click="usertanchu(item,0)">加入购物车</span>
|
||||
<span @click="usertanchu(item,1)">立即购买</span>
|
||||
</div>
|
||||
@ -165,17 +184,23 @@
|
||||
|
||||
<script>
|
||||
import Myheader from "~/components/header.vue";
|
||||
import Magnifier from "@/components/magnifier.vue";
|
||||
import magnifier from "@/components/magnifier.vue";
|
||||
import tabs from "@/components/tabs.vue";
|
||||
import unlogin from "~/components/unlogin.vue";
|
||||
import { mapMutations } from "vuex";
|
||||
import Myfooter from "~/components/rc-footer.vue";
|
||||
import { goodsmessage,getConfig,postCourseId,getdraw,alldiscount } from "../../ajax/getData";
|
||||
const settings = require("@/config");
|
||||
export default {
|
||||
middleware: 'metaTitle',
|
||||
// middleware: 'metaTitle',
|
||||
meta: {title: '产品详情'},
|
||||
data() {
|
||||
return {
|
||||
tableLabelTest:[],
|
||||
userimage: require("../../assets/image/unused.png"),
|
||||
activeIndexa:0,
|
||||
gotop: false,
|
||||
dialogInfo1:false,
|
||||
name: [],
|
||||
userlist:[],
|
||||
@ -208,6 +233,25 @@ export default {
|
||||
catimage: require("../../assets/image/unused.png"),
|
||||
},
|
||||
],
|
||||
fixedlist: [
|
||||
{
|
||||
title: "购物车",
|
||||
catimage: require("../../assets/buy.png"),
|
||||
|
||||
|
||||
},
|
||||
{
|
||||
title: "在线客服",
|
||||
catimage: require("../../assets/service.png"),
|
||||
|
||||
},
|
||||
{
|
||||
title: "营养专家",
|
||||
catimage: require("../../assets/consult.png"),
|
||||
|
||||
},
|
||||
|
||||
],
|
||||
|
||||
|
||||
newlist: [
|
||||
@ -232,14 +276,18 @@ export default {
|
||||
};
|
||||
|
||||
},
|
||||
|
||||
|
||||
components: {
|
||||
Myheader,
|
||||
Magnifier,
|
||||
tabs,
|
||||
magnifier,
|
||||
unlogin,
|
||||
Myfooter
|
||||
|
||||
},
|
||||
mounted() {
|
||||
|
||||
window.addEventListener("scroll", this.handleScroll, true);
|
||||
if(this.usermessage!=='' ||this.usermessage.data!==undefined){
|
||||
this.usermessage= JSON.parse(localStorage.getItem("userInfo"));
|
||||
let stype=this.$route.query.stype;
|
||||
@ -267,6 +315,52 @@ this.usermessage= JSON.parse(localStorage.getItem("userInfo"));
|
||||
},
|
||||
methods: {
|
||||
...mapMutations(["changemessage"]),
|
||||
handleScroll(e)
|
||||
{
|
||||
let fixedCatbarSeperator = document.getElementById("fixed-catbar-seperator");
|
||||
let scrolltop = document.documentElement.scrollTop || document.body.scrollTop;
|
||||
if((scrolltop-fixedCatbarSeperator.offsetTop))
|
||||
{
|
||||
this.gotop = true
|
||||
}
|
||||
else
|
||||
{
|
||||
this.gotop = false;
|
||||
}
|
||||
},
|
||||
lianxi(item,index){
|
||||
console.log(item,index);
|
||||
if(item.title=='在线客服'){
|
||||
var option = {
|
||||
customer: {id: '', name: '', email: '', mobile: '', memberId: '999999'}
|
||||
}
|
||||
dis_livchat(option);
|
||||
}
|
||||
if(item.title=='购物车'){
|
||||
console.log('---12314');
|
||||
this.$router.push({
|
||||
path: "../../myorder/userrecord",
|
||||
|
||||
});
|
||||
}
|
||||
if(item.title=='营养专家'){
|
||||
var option = {
|
||||
customer: {id: '', name: '', email: '', mobile: '', memberId: '999999'}
|
||||
}
|
||||
dis_livchat(option);
|
||||
}
|
||||
|
||||
},
|
||||
toTop() {
|
||||
let top = document.documentElement.scrollTop || document.body.scrollTop;
|
||||
// 实现滚动效果
|
||||
const timeTop = setInterval(() => {
|
||||
document.body.scrollTop = document.documentElement.scrollTop = top -= 400;
|
||||
if (top <= 0) {
|
||||
clearInterval(timeTop);
|
||||
}
|
||||
}, 10);
|
||||
},
|
||||
showmesg(){
|
||||
console.log('-----');
|
||||
this.toTop();
|
||||
@ -444,9 +538,18 @@ usertanchu(item,orderm){
|
||||
|
||||
},
|
||||
userget(){
|
||||
|
||||
|
||||
let user= localStorage.getItem("userInfo");
|
||||
if(user==undefined||user==null||user==''){
|
||||
this.dialogInfo2=true;
|
||||
return
|
||||
}else{
|
||||
this.userdraw(this.usermessage.data.mobile);
|
||||
this.alldrawlist(this.usermessage.data.id);
|
||||
this.dialogInfo1=true;
|
||||
}
|
||||
|
||||
},
|
||||
selectsearch(item, index) {
|
||||
|
||||
@ -460,6 +563,7 @@ usertanchu(item,orderm){
|
||||
|
||||
};
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
|
||||
@ -3,11 +3,10 @@
|
||||
<Myheader></Myheader>
|
||||
|
||||
<div class="rc-top"></div>
|
||||
<div class="online"></div>
|
||||
<div class="rc-main">
|
||||
<div class="rc-max-width--xl rc-main">
|
||||
<div class="usersearch">
|
||||
<div class="usercontentshow" ref="usercontent">
|
||||
<div class="rc-product">
|
||||
<div class="rc-product ts-scrollable-container">
|
||||
<div class="rc-productcat ts-scrollable">
|
||||
<div class="rc-cat" v-for="(item, index) in userproduct" :key="index" @click="selectGoods(item, index)" :class="activeIndex == index ? 'active' : 'unactive'" >
|
||||
<img :src="item.catimage" alt="" />
|
||||
@ -15,39 +14,39 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="rc-age">
|
||||
<div class="online rc-md-up"></div>
|
||||
<div class="ts-scrollable-container">
|
||||
<h2>专区:</h2>
|
||||
<ol class="ts-scrollable">
|
||||
<li v-for="(item, index) in prefecture" :key="index" @click="selectproduct(item, index)" :class="activeIndexb == index ? 'active' : 'unactive'" >
|
||||
{{ item.title }}
|
||||
{{ item.tagName }}
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<div class="rc-age">
|
||||
<div class="online rc-md-up"></div>
|
||||
<div class="ts-scrollable-container">
|
||||
<h2>年龄:</h2>
|
||||
<ol class="ts-scrollable">
|
||||
<li v-for="(item, index) in catage" :key="index" @click="selectage(item, index)" :class="activeIndexc == index ? 'active' : 'unactive'">
|
||||
{{ item.title }}
|
||||
{{ item.tagName }}
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<div class="rc-age">
|
||||
<div class="online rc-md-up"></div>
|
||||
<div class="ts-scrollable-container">
|
||||
<h2>功能:</h2>
|
||||
<ol class="ts-scrollable">
|
||||
<li v-for="(item, index) in catagea" :key="index" @click="selectagc(item, index)" :class="activeIndexd == index ? 'active' : 'unactive'">
|
||||
{{ item.title }}
|
||||
{{ item.tagName }}
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<div class="rc-age">
|
||||
<div class="online rc-md-up"></div>
|
||||
<div class="ts-scrollable-container">
|
||||
<h2>品种:</h2>
|
||||
<ol class="ts-scrollable">
|
||||
<li v-for="(item, index) in catageb" :key="index" @click="selectagd(item, index)" :class="activeIndexe == index ? 'active' : 'unactive'">
|
||||
{{ item.title }}
|
||||
{{ item.tagName }}
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
@ -57,12 +56,12 @@
|
||||
<!-- rc-main end -->
|
||||
<div class="online"></div>
|
||||
<!-- rc-main start -->
|
||||
<div class="rc-main">
|
||||
<div class="rc-max-width--xl">
|
||||
<div class="usersearch">
|
||||
<div class="rc-contair">
|
||||
<ul>
|
||||
<li v-for="(item,index) in rccontair" :key="index">
|
||||
<div class="rc-click" @click="selectproduce(item)">
|
||||
<ul class="ts-product-list">
|
||||
<li v-for="(item,index) in rccontair" :key="index" class="rc-margin-top--md">
|
||||
<div class="rc-click rc-margin-bottom--md" @click="selectproduce(item)">
|
||||
<div class="rc-rccontair">
|
||||
<img :src=item.picture alt="">
|
||||
</div>
|
||||
@ -72,7 +71,7 @@
|
||||
<span>{{item.categoryName}}</span>
|
||||
<i>0.001{{item.price}}</i>
|
||||
</div>
|
||||
<strong @click="userbuy()">立即购买</strong>
|
||||
<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="userbuy()">立即购买</strong>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
@ -92,7 +91,7 @@
|
||||
<div class="rc-productcat ts-scrollable">
|
||||
<div class="rc-cat" v-for="(item, index) in userproduct" :key="index" @click="selectGoodsa(item, index)" :class="activeIndex1 == index ? 'active' : 'unactive'" >
|
||||
<img :src="item.catimage" alt="" />
|
||||
<span>{{ item.title }}</span>
|
||||
<span>{{ item.tagName }}</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@ -100,33 +99,33 @@
|
||||
<h2>专区:</h2>
|
||||
<ol class="ts-scrollable">
|
||||
<li v-for="(item, index) in prefecture" :key="index" @click="selectproduct(item, index)" :class="activeIndexb == index ? 'active' : 'unactive'" >
|
||||
{{ item.title }}
|
||||
{{ item.tagName }}
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<div class="rc-age">
|
||||
<div class="ts-scrollable-container rc-margin-y--md">
|
||||
<h2>年龄:</h2>
|
||||
<ol class="ts-scrollable">
|
||||
<li v-for="(item, index) in catage" :key="index" @click="selectage(item, index)" :class="activeIndexc == index ? 'active' : 'unactive'">
|
||||
{{ item.title }}
|
||||
{{ item.tagName }}
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="rc-age">
|
||||
<div class="ts-scrollable-container rc-margin-y--md">
|
||||
<h2>功能:</h2>
|
||||
<ol class="ts-scrollable">
|
||||
<li v-for="(item, index) in catagea" :key="index" @click="selectagc(item, index)" :class="activeIndexd == index ? 'active' : 'unactive'">
|
||||
{{ item.title }}
|
||||
{{ item.tagName }}
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<div class="rc-age">
|
||||
<div class="ts-scrollable-container">
|
||||
<h2>品种:</h2>
|
||||
<ol class="ts-scrollable">
|
||||
<li v-for="(item, index) in catageb" :key="index" @click="selectagd(item, index)" :class="activeIndexe == index ? 'active' : 'unactive'">
|
||||
{{ item.title }}
|
||||
{{ item.tagName }}
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
@ -160,33 +159,33 @@
|
||||
<h2>专区:</h2>
|
||||
<ol>
|
||||
<li v-for="(item, index) in prefecture" :key="index" @click="selectproduct(item, index)" :class="activeIndexb == index ? 'active' : 'unactive'" >
|
||||
{{ item.title }}
|
||||
{{ item.tagName }}
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<div class="rc-age">
|
||||
<div class="ts-scrollable-container rc-margin-y--md">
|
||||
<h2>年龄:</h2>
|
||||
<ol>
|
||||
<li v-for="(item, index) in catage" :key="index" @click="selectage(item, index)" :class="activeIndexc == index ? 'active' : 'unactive'">
|
||||
{{ item.title }}
|
||||
{{ item.tagName }}
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="rc-age">
|
||||
<div class="ts-scrollable-container rc-margin-y--md">
|
||||
<h2>功能:</h2>
|
||||
<ol>
|
||||
<li v-for="(item, index) in catagea" :key="index" @click="selectagc(item, index)" :class="activeIndexd == index ? 'active' : 'unactive'">
|
||||
{{ item.title }}
|
||||
{{ item.tagName }}
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<div class="rc-age">
|
||||
<div class="ts-scrollable-container">
|
||||
<h2>品种:</h2>
|
||||
<ol>
|
||||
<li v-for="(item, index) in catageb" :key="index" @click="selectagd(item, index)" :class="activeIndexe == index ? 'active' : 'unactive'">
|
||||
{{ item.title }}
|
||||
{{ item.tagName }}
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
@ -203,12 +202,16 @@
|
||||
|
||||
<script>
|
||||
import Myheader from '~/components/header.vue'
|
||||
import { userstype,biaomessa,biaomessage } from "../../ajax/getData";
|
||||
import { userstype,biaomessa,biaomessage,searchchanpin } from "../../ajax/getData";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
value: "",
|
||||
userstype:[],
|
||||
activeIndex:0,
|
||||
userserachlist:[
|
||||
{}
|
||||
],
|
||||
activeIndex1:0,
|
||||
activeIndexa:'-1',
|
||||
dialogInfo1:false,
|
||||
@ -386,32 +389,67 @@ export default {
|
||||
Myheader,
|
||||
},
|
||||
mounted(){
|
||||
|
||||
let stype=this.$route.query.stype;
|
||||
this.userst();
|
||||
this.activeIndex=stype;
|
||||
console.log(stype);
|
||||
if(stype!==''&&stype!==undefined){
|
||||
this.onmessage(stype)
|
||||
}else{
|
||||
this.usetmessage();
|
||||
}
|
||||
|
||||
|
||||
},
|
||||
methods: {
|
||||
async usersearch(stype){
|
||||
let data=await searchchanpin(stype);
|
||||
if(data){
|
||||
this.rccontair=data;
|
||||
|
||||
}
|
||||
},
|
||||
async userst() {
|
||||
let pinzhong=[];
|
||||
let zhuanqu=[];
|
||||
let age=[];
|
||||
let gonneg=[];
|
||||
let data = await userstype();
|
||||
if(data){
|
||||
this.userstype=data;
|
||||
}
|
||||
this.usercatlist=this.userstype.filter(item=>item.petType=='0')
|
||||
this.usercatlist.map(element=>{
|
||||
if(element.name=='品种'){
|
||||
pinzhong.push(element);
|
||||
this.catageb=pinzhong
|
||||
}
|
||||
if(element.name=='功能'){
|
||||
gonneg.push(element);
|
||||
this.catagea=gonneg
|
||||
}
|
||||
if(element.name=='年龄'){
|
||||
age.push(element);
|
||||
this.catage=age
|
||||
}
|
||||
if(element.name=='专区'){
|
||||
zhuanqu.push(element);
|
||||
this.prefecture=gonneg
|
||||
}
|
||||
})
|
||||
this.userdoglisgt=this.userstype.filter(item=>item.petType=='1')
|
||||
|
||||
},
|
||||
|
||||
async usetmessage() {
|
||||
let data = await biaomessa();
|
||||
if(data){
|
||||
this.rccontair=data;
|
||||
}
|
||||
console.log( this.rccontair);
|
||||
},
|
||||
async onmessage(stype) {
|
||||
let data = await biaomessage(stype);
|
||||
if(data){
|
||||
this.rccontair=data;
|
||||
}
|
||||
console.log( this.rccontair);
|
||||
},
|
||||
|
||||
|
||||
@ -478,18 +516,24 @@ this.dialogInfo1=false;
|
||||
selectGoods(item, index) {
|
||||
|
||||
this.activeIndex=index;
|
||||
console.log('----');
|
||||
let petType={
|
||||
petType:this.activeIndex,
|
||||
}
|
||||
for(let i =0;i<this.userserachlist.length;i++){
|
||||
if(!this.userserachlist.includes(petType)){
|
||||
this.userserachlist.push(petType)
|
||||
}
|
||||
}
|
||||
this.usersearch(this.userserachlist)
|
||||
},
|
||||
selectGoodsa(item, index) {
|
||||
|
||||
this.activeIndex1=index;
|
||||
console.log('----');
|
||||
},
|
||||
userselect(){
|
||||
this.$nextTick(() => {
|
||||
|
||||
this.ifadroind();
|
||||
console.log( this.$refs.usercontent)
|
||||
|
||||
})
|
||||
},
|
||||
@ -506,23 +550,60 @@ this.dialogInfo1=false;
|
||||
this.activeIndexa=index;
|
||||
},
|
||||
selectage(item, index) {
|
||||
let tagUsedAge={
|
||||
petType:this.activeIndex1,
|
||||
tagUsedAge:item.tagName
|
||||
|
||||
}
|
||||
for(let i =0;i<this.userserachlist.length;i++){
|
||||
if(!this.userserachlist.includes(tagUsedAge)){
|
||||
this.userserachlist.push(tagUsedAge)
|
||||
}
|
||||
}
|
||||
this.usersearch(this.userserachlist)
|
||||
this.activeIndexc=index;
|
||||
},
|
||||
selectagc(item, index) {
|
||||
let tagFunction={
|
||||
petType:this.activeIndex1,
|
||||
tagFunction:item.tagName
|
||||
}
|
||||
for(let i =0;i<this.userserachlist.length;i++){
|
||||
if(!this.userserachlist.includes(tagFunction)){
|
||||
this.userserachlist.push(tagFunction)
|
||||
}
|
||||
}
|
||||
this.usersearch(this.userserachlist)
|
||||
this.activeIndexd=index;
|
||||
},
|
||||
selectagd(item, index) {
|
||||
let tagBreed={
|
||||
petType:this.activeIndex1,
|
||||
tagBreed:item.tagName
|
||||
}
|
||||
for(let i =0;i<this.userserachlist.length;i++){
|
||||
if(!this.userserachlist.includes(tagBreed)){
|
||||
this.userserachlist.push(tagBreed)
|
||||
}
|
||||
}
|
||||
this.usersearch(this.userserachlist)
|
||||
this.activeIndexe=index;
|
||||
},
|
||||
selectproduct(item, index){
|
||||
this.activeIndexb=index;
|
||||
let categoryName={
|
||||
petType:this.activeIndex1,
|
||||
categoryName:item.tagName,
|
||||
}
|
||||
for(let i =0;i<this.userserachlist.length;i++){
|
||||
if(!this.userserachlist.includes(categoryName)){
|
||||
this.userserachlist.push(categoryName)
|
||||
}
|
||||
}
|
||||
|
||||
this.usersearch(this.userserachlist)
|
||||
},
|
||||
selectage(item, index) {
|
||||
this.activeIndexc=index;
|
||||
},
|
||||
selectage(item, index) {
|
||||
this.activeIndexc=index;
|
||||
},
|
||||
|
||||
//弹框的显示隐藏
|
||||
},
|
||||
|
||||
|
||||
@ -10,6 +10,19 @@
|
||||
<img :src=item.catimage alt="">
|
||||
</li>
|
||||
</ul>
|
||||
<ol>
|
||||
<li v-for="(item,index) in usermessage" :key="index" @click="usertiao(item,index)">
|
||||
<img :src=item.catimage alt="">
|
||||
<span>{{item.address}}</span>
|
||||
|
||||
</li>
|
||||
</ol>
|
||||
<!-- <ol>
|
||||
<li v-for="(usermes,index) in usermessage" :key="index" @click="huangjia(item,index)" ></li>
|
||||
<span>{{usermes.address}}</span>
|
||||
<img :src=usermes.catimage alt="">
|
||||
</ol> -->
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@ -54,6 +67,40 @@ data(){
|
||||
catimage: require("../../assets/image/rc-left.png"),
|
||||
},
|
||||
],
|
||||
|
||||
|
||||
usermessage: [
|
||||
{
|
||||
address: "皇家官方公众号",
|
||||
|
||||
catimage: require("../../assets/image/weixin.png"),
|
||||
},
|
||||
{
|
||||
address: "皇家爱宠荟",
|
||||
|
||||
catimage: require("../../assets/image/xiaochenxu.png"),
|
||||
},
|
||||
{
|
||||
address: "皇家官方社群",
|
||||
|
||||
catimage: require("../../assets/image/weixin.png"),
|
||||
},
|
||||
{
|
||||
address: "微博",
|
||||
|
||||
catimage: require("../../assets/image/weibo.png"),
|
||||
},
|
||||
{
|
||||
address: "与我们联系",
|
||||
|
||||
catimage: require("../../assets/image/xiaochenxu.png"),
|
||||
},
|
||||
{
|
||||
address: "关于我们",
|
||||
|
||||
catimage: require("../../assets/image/rc-left.png"),
|
||||
},
|
||||
],
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
@ -187,6 +234,29 @@ color: #444444;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ol{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border-bottom: 1px solid #D7D7D7;
|
||||
font-size: 16px;
|
||||
color: #444444;
|
||||
|
||||
li{
|
||||
border-bottom: 1px solid #D7D7D7;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 50px;
|
||||
span{
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
img{
|
||||
width: 23px;
|
||||
height: 19px;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// /* 最小768px最大1920 *pc端/
|
||||
|
||||
@ -96,7 +96,7 @@
|
||||
<div class="rc-bottom rc-main" v-if="isshow">
|
||||
<div class="rc-bottoma" >
|
||||
<div class="rc-productcat ts-scrollable">
|
||||
<div class="rc-cat" v-for="(item, index) in userproduct" :key="index" @click="selectGoodsa(item, index)" :class="activeIndex1 == index ? 'active' : 'unactive'" >
|
||||
<div class="rc-cat" v-for="(item, index) in userproduct" :key="index" @click="selectGoods(item, index)" :class="activeIndex1 == index ? 'active' : 'unactive'" >
|
||||
<img :src="item.catimage" alt="" />
|
||||
<span>{{ item.title }}</span>
|
||||
</div>
|
||||
@ -215,10 +215,15 @@ export default {
|
||||
data() {
|
||||
return {
|
||||
value: "",
|
||||
userserachlist:[
|
||||
{
|
||||
|
||||
}
|
||||
],
|
||||
userstype:[],
|
||||
activeIndex:0,
|
||||
activeIndex1:0,
|
||||
activeIndexa:'-1',
|
||||
activeIndexa:0,
|
||||
dialogInfo1:false,
|
||||
activeIndexb:'-1',
|
||||
activeIndexc:'-1',
|
||||
@ -401,10 +406,13 @@ this.userst();
|
||||
},
|
||||
methods: {
|
||||
|
||||
async usersearch(stype,categoryName,tagUsedAge,tagFunction,tagBreed){
|
||||
let data=await searchchanpin(stype,categoryName,tagUsedAge,tagFunction,tagBreed);
|
||||
async usersearch(stype){
|
||||
let data=await searchchanpin(stype);
|
||||
console.log(data);
|
||||
if(data){
|
||||
this.rccontair=data;
|
||||
|
||||
}
|
||||
},
|
||||
async userst() {
|
||||
let pinzhong=[];
|
||||
@ -436,29 +444,6 @@ this.userst();
|
||||
})
|
||||
|
||||
this.userdoglisgt=this.userstype.filter(item=>item.petType=='1')
|
||||
// console.log(this.userdoglisgt)
|
||||
|
||||
// console.log(this.usercatlist,this.userdoglisgt);
|
||||
// if(this.userstype[i].name=='品种'){
|
||||
// pinzhong.push(this.userstype[i]);
|
||||
//
|
||||
// }
|
||||
// else if(this.userstype[i].name=='专区'){
|
||||
// zhuanqu.push(this.userstype[i]);
|
||||
// this.prefecture=zhuanqu
|
||||
// }
|
||||
// else if(this.userstype[i].name=='年龄'){
|
||||
// age.push(this.userstype[i]);
|
||||
// this.catage=age;
|
||||
// }
|
||||
// else if(this.userstype[i].name=='功能'){
|
||||
// gonneg.push(this.userstype[i]);
|
||||
// this.catagea=gonneg;
|
||||
// }
|
||||
|
||||
|
||||
console.log(pinzhong,zhuanqu,age,gonneg);
|
||||
console.log(this.userstype);
|
||||
|
||||
},
|
||||
|
||||
@ -532,11 +517,22 @@ this.dialogInfo1=false;
|
||||
console.log(e);
|
||||
},
|
||||
selectGoods(item, index) {
|
||||
this.activeIndex1=index;
|
||||
let petType={
|
||||
petType:this.activeIndex1,
|
||||
}
|
||||
for(let i =0;i<this.userserachlist.length;i++){
|
||||
if(!this.userserachlist.includes(petType)){
|
||||
this.userserachlist.push(petType)
|
||||
}
|
||||
console.log(this.userserachlist);
|
||||
}
|
||||
this.usersearch(this.userserachlist)
|
||||
console.log(index);
|
||||
let pinzhong=[];
|
||||
let zhuanqu=[];
|
||||
let age=[];
|
||||
let gonneg=[];
|
||||
this.activeIndex1=index;
|
||||
if(this.activeIndex1==0){
|
||||
this.usercatlist.map(element=>{
|
||||
if(element.name=='品种'){
|
||||
@ -655,36 +651,78 @@ this.dialogInfo1=false;
|
||||
|
||||
selectsearch(item, index) {
|
||||
console.log(item)
|
||||
|
||||
this.value=item.title;
|
||||
this.activeIndexa=index;
|
||||
},
|
||||
selectage(item, index) {
|
||||
console.log(item)
|
||||
let tagUsedAge={
|
||||
petType:this.activeIndex1,
|
||||
tagUsedAge:item.tagName
|
||||
|
||||
}
|
||||
for(let i =0;i<this.userserachlist.length;i++){
|
||||
if(!this.userserachlist.includes(tagUsedAge)){
|
||||
this.userserachlist.push(tagUsedAge)
|
||||
}
|
||||
console.log(this.userserachlist);
|
||||
}
|
||||
this.usersearch(this.userserachlist)
|
||||
this.activeIndexc=index;
|
||||
},
|
||||
selectagc(item, index) {
|
||||
console.log(item)
|
||||
|
||||
let tagFunction={
|
||||
petType:this.activeIndex1,
|
||||
tagFunction:item.tagName
|
||||
}
|
||||
for(let i =0;i<this.userserachlist.length;i++){
|
||||
if(!this.userserachlist.includes(tagFunction)){
|
||||
this.userserachlist.push(tagFunction)
|
||||
}
|
||||
console.log(this.userserachlist);
|
||||
}
|
||||
this.usersearch(this.userserachlist)
|
||||
this.activeIndexd=index;
|
||||
},
|
||||
selectagd(item, index) {
|
||||
console.log(item)
|
||||
|
||||
let tagBreed={
|
||||
petType:this.activeIndex1,
|
||||
tagBreed:item.tagName
|
||||
}
|
||||
for(let i =0;i<this.userserachlist.length;i++){
|
||||
if(!this.userserachlist.includes(tagBreed)){
|
||||
this.userserachlist.push(tagBreed)
|
||||
}
|
||||
console.log(this.userserachlist);
|
||||
}
|
||||
this.usersearch(this.userserachlist)
|
||||
this.activeIndexe=index;
|
||||
},
|
||||
selectproduct(item, index){
|
||||
console.log(item)
|
||||
this.activeIndexb=index;
|
||||
this.usersearch(this.activeIndex1,item.tagName,'','','')
|
||||
let categoryName={
|
||||
petType:this.activeIndex1,
|
||||
categoryName:item.tagName,
|
||||
}
|
||||
for(let i =0;i<this.userserachlist.length;i++){
|
||||
if(!this.userserachlist.includes(categoryName)){
|
||||
this.userserachlist.push(categoryName)
|
||||
}
|
||||
console.log(this.userserachlist);
|
||||
}
|
||||
|
||||
this.usersearch(this.userserachlist)
|
||||
|
||||
},
|
||||
selectage(item, index) {
|
||||
this.activeIndexc=index;
|
||||
},
|
||||
selectage(item, index) {
|
||||
this.activeIndexc=index;
|
||||
},
|
||||
// selectage(item, index) {
|
||||
// this.activeIndexc=index;
|
||||
// },
|
||||
// selectage(item, index) {
|
||||
// this.activeIndexc=index;
|
||||
// },
|
||||
//弹框的显示隐藏
|
||||
},
|
||||
|
||||
|
||||
9
rc-busness/plugins/route.js
Normal file
9
rc-busness/plugins/route.js
Normal file
@ -0,0 +1,9 @@
|
||||
|
||||
|
||||
// export default ({ app, store }) => {
|
||||
// app.router.afterEach((to, from, next) => {
|
||||
|
||||
// console.log(to,from,next);
|
||||
// next()
|
||||
// })
|
||||
// }
|
||||
@ -1,10 +0,0 @@
|
||||
/*
|
||||
module.exports = {
|
||||
plugins: {
|
||||
'postcss-pxtorem': {
|
||||
rootValue: 192, //假设设计稿为1920
|
||||
propList: ['*']
|
||||
}
|
||||
}
|
||||
}
|
||||
*/
|
||||
BIN
rc-busness/static/images/.DS_Store
vendored
Normal file
BIN
rc-busness/static/images/.DS_Store
vendored
Normal file
Binary file not shown.
BIN
rc-busness/static/images/1.png
Normal file
BIN
rc-busness/static/images/1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
BIN
rc-busness/static/images/1x1.gif
Normal file
BIN
rc-busness/static/images/1x1.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
rc-busness/static/images/1x1.png
Normal file
BIN
rc-busness/static/images/1x1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 124 B |
BIN
rc-busness/static/images/Screen Shot 2020-10-02 at 15.42.17.png
Normal file
BIN
rc-busness/static/images/Screen Shot 2020-10-02 at 15.42.17.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 155 KiB |
BIN
rc-busness/static/images/Screen Shot 2020-10-02 at 15.57.41.png
Normal file
BIN
rc-busness/static/images/Screen Shot 2020-10-02 at 15.57.41.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
BIN
rc-busness/static/images/homepage-video-cropped_.mp4
Normal file
BIN
rc-busness/static/images/homepage-video-cropped_.mp4
Normal file
Binary file not shown.
BIN
rc-busness/static/images/ico-bilibili.png
Normal file
BIN
rc-busness/static/images/ico-bilibili.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
rc-busness/static/images/ico-weibo.png
Normal file
BIN
rc-busness/static/images/ico-weibo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
rc-busness/static/images/ico-zhihu.png
Normal file
BIN
rc-busness/static/images/ico-zhihu.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
rc-busness/static/images/jd-logo.png
Normal file
BIN
rc-busness/static/images/jd-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.7 KiB |
28
rc-busness/static/images/logo--crown.svg
Normal file
28
rc-busness/static/images/logo--crown.svg
Normal file
@ -0,0 +1,28 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 190.7 104" style="enable-background:new 0 0 190.7 104;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#E2001A;}
|
||||
</style>
|
||||
<title>Royal Canin logo - crown</title>
|
||||
<g id="Crown">
|
||||
<path class="st0" d="M38.3,93.9c-3.1,0-5.6-2.4-5.6-5.5c0-1.8,0.8-3.5,2.3-4.5c14.7-11,37.2-17.6,60.2-17.6l0,0
|
||||
c22.9,0,45.4,6.6,60.1,17.6c2.4,1.8,2.9,5.3,1.1,7.8c-1.8,2.4-5.3,2.9-7.8,1.1c-9.9-7.4-29.2-15.4-53.5-15.4l0,0
|
||||
c-24.4,0-43.7,7.9-53.6,15.4C40.7,93.5,39.5,93.9,38.3,93.9z M43.4,103.3c0.9,0,1.7-0.3,2.4-0.9c11.2-9.2,30.2-15,49.4-15
|
||||
c19.4,0,37.9,5.6,49.3,15c1.6,1.3,4,1.1,5.3-0.5c1.3-1.6,1.1-4-0.5-5.3l0,0c-12.7-10.5-33-16.7-54.1-16.7S53.7,86.2,41,96.6
|
||||
c-1.6,1.3-1.9,3.7-0.5,5.3C41.2,102.8,42.3,103.3,43.4,103.3L43.4,103.3z M13.7,23.5C6.7,23.5,1,29.2,1,36.2
|
||||
c0,7,5.7,12.7,12.7,12.7h0.1c7,0,12.7-5.8,12.6-12.8c0-2.2-0.6-4.4-1.7-6.3C22.4,25.9,18.2,23.5,13.7,23.5z M95.2,33.3
|
||||
c-7,0-12.7,5.7-12.7,12.7s5.7,12.7,12.7,12.7c7,0,12.7-5.7,12.7-12.7c0,0,0,0,0,0C107.9,39,102.2,33.3,95.2,33.3z M95.2,1.5
|
||||
c-7,0-12.7,5.7-12.7,12.7s5.7,12.7,12.7,12.7s12.7-5.7,12.7-12.7c0,0,0,0,0,0C107.9,7.2,102.2,1.5,95.2,1.5z M61.4,37.8
|
||||
c-1.1,0-2.3,0.1-3.4,0.4C51.2,40,47.2,46.9,49,53.7c1.5,5.6,6.6,9.5,12.4,9.5h0.3c1.1,0,2.1-0.2,3.1-0.5c6.8-1.8,10.8-8.7,9.1-15.5
|
||||
C72.3,41.6,67.2,37.7,61.4,37.8L61.4,37.8z M29.9,50.9c-7,0-12.7,5.7-12.7,12.7c0,2.3,0.6,4.5,1.8,6.5c2.3,3.8,6.4,6.2,10.9,6.2
|
||||
h0.1c2.3,0,4.5-0.6,6.5-1.8c6-3.6,8-11.4,4.5-17.4C38.5,53.3,34.4,51,29.9,50.9z M132.3,38.2c-6.8-1.9-13.8,2.1-15.6,8.9
|
||||
s2.1,13.8,8.9,15.6c6.8,1.9,13.8-2.1,15.6-8.9c0,0,0,0,0,0c1.9-6.7-2.1-13.7-8.8-15.6C132.4,38.2,132.4,38.2,132.3,38.2z
|
||||
M140.7,7.5c-6.8-1.8-13.8,2.1-15.6,8.9s2.1,13.8,8.9,15.6c6.8,1.8,13.8-2.1,15.6-8.9C151.5,16.4,147.5,9.4,140.7,7.5z M166.9,52.7
|
||||
c-6-3.6-13.8-1.6-17.4,4.4s-1.6,13.8,4.4,17.4s13.8,1.6,17.4-4.4c1.7-2.9,2.2-6.4,1.4-9.6C171.9,57.2,169.8,54.4,166.9,52.7
|
||||
L166.9,52.7z M188.9,33.1c-1.4-5.6-6.5-9.6-12.3-9.6c-4.5,0-8.7,2.4-10.9,6.2c-3.6,6.1-1.6,13.8,4.5,17.4c1.9,1.1,4.2,1.8,6.4,1.8
|
||||
c4.5,0,8.7-2.4,11-6.2C189.3,39.8,189.8,36.3,188.9,33.1L188.9,33.1z M53,32.5c7,0,12.7-5.7,12.7-12.7S60,7.1,53,7.1
|
||||
c-1.1,0-2.3,0.1-3.4,0.4c-6.8,1.8-10.8,8.7-9.1,15.5C42,28.6,47.1,32.5,53,32.5L53,32.5z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
BIN
rc-busness/static/images/logo-royal-canin.png
Normal file
BIN
rc-busness/static/images/logo-royal-canin.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
BIN
rc-busness/static/images/other-logo.png
Normal file
BIN
rc-busness/static/images/other-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
rc-busness/static/images/qrcode-aichong.jpg
Normal file
BIN
rc-busness/static/images/qrcode-aichong.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
rc-busness/static/images/qrcode-chanpin.jpg
Normal file
BIN
rc-busness/static/images/qrcode-chanpin.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
rc-busness/static/images/qrcode-douyin.jpg
Normal file
BIN
rc-busness/static/images/qrcode-douyin.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
BIN
rc-busness/static/images/qrcode-royal-elite.jpg
Normal file
BIN
rc-busness/static/images/qrcode-royal-elite.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
BIN
rc-busness/static/images/royal-canin-logo.png
Normal file
BIN
rc-busness/static/images/royal-canin-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 40 KiB |
1
rc-busness/static/images/royal-canin.sprite--brand1.svg
Normal file
1
rc-busness/static/images/royal-canin.sprite--brand1.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 62 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 40 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 54 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 54 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 40 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 62 KiB |
BIN
rc-busness/static/images/royalcanincn-qrcode.jpg
Normal file
BIN
rc-busness/static/images/royalcanincn-qrcode.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 148 KiB |
BIN
rc-busness/static/images/tm-logo.png
Normal file
BIN
rc-busness/static/images/tm-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
6
rc-busness/static/js/metaTitle.js
Normal file
6
rc-busness/static/js/metaTitle.js
Normal file
@ -0,0 +1,6 @@
|
||||
|
||||
export default ({store, route, redirect}) => {
|
||||
route.matched.forEach((item, index) => {
|
||||
item.meta.title = route.meta[index].title || '';
|
||||
})
|
||||
}
|
||||
@ -10,6 +10,7 @@
|
||||
maxWidth = maxWidth || 540;
|
||||
width>maxWidth && (width=maxWidth);
|
||||
var rem = width * 100 / designWidth;
|
||||
debugger;
|
||||
remStyle.innerHTML = 'html{font-size:' + rem + 'px;}';
|
||||
}
|
||||
|
||||
|
||||
1
rc-busness/static/royalcanin-cdn-assets-new/css_js/0.js
Normal file
1
rc-busness/static/royalcanin-cdn-assets-new/css_js/0.js
Normal file
File diff suppressed because one or more lines are too long
@ -0,0 +1 @@
|
||||
(window["RCDLjsonFunction"]=window["RCDLjsonFunction"]||[]).push([[145],{599:function(e,n,t){var s=t(54);var a=t(600);a=a.__esModule?a.default:a;var i={injectType:"linkTag",attributes:{rel:"preload",as:"style"}};i.insert=function insertAtTop(e){RCDL.assetLoader({element:e})};var o=s(a,i)},600:function(e,n,t){e.exports=t.p+"royal-canin.styles.geographic.min.css?v=8-10-0"},601:function(e,n,t){var s=t(54);var a=t(602);a=a.__esModule?a.default:a;var i={injectType:"linkTag",attributes:{rel:"preload",as:"style"}};i.insert=function insertAtTop(e){RCDL.assetLoader({element:e})};var o=s(a,i)},602:function(e,n,t){e.exports=t.p+"royal-canin.styles.flags.min.css?v=8-10-0"}}]);
|
||||
@ -0,0 +1 @@
|
||||
(window["RCDLjsonFunction"]=window["RCDLjsonFunction"]||[]).push([[150],{594:function(n,e,s){var t=s(54);var o=s(595);o=o.__esModule?o.default:o;var a={injectType:"linkTag",attributes:{rel:"preload",as:"style"}};a.insert=function insertAtTop(n){RCDL.assetLoader({element:n})};var i=t(o,a)},595:function(n,e,s){n.exports=s.p+"royal-canin.styles.carousels.min.css?v=8-10-0"}}]);
|
||||
@ -0,0 +1 @@
|
||||
(window["RCDLjsonFunction"]=window["RCDLjsonFunction"]||[]).push([[156],{615:function(n,e,t){var s=t(54);var o=t(616);o=o.__esModule?o.default:o;var a={injectType:"linkTag",attributes:{rel:"preload",as:"style"}};a.insert=function insertAtTop(n){RCDL.assetLoader({element:n})};var i=s(o,a)},616:function(n,e,t){n.exports=t.p+"royal-canin.styles.loaders.min.css?v=8-10-0"}}]);
|
||||
@ -0,0 +1 @@
|
||||
(window["RCDLjsonFunction"]=window["RCDLjsonFunction"]||[]).push([[157],{372:function(n,e,t){var s=t(54);var o=t(587);o=o.__esModule?o.default:o;var a={injectType:"linkTag",attributes:{rel:"preload",as:"style"}};a.insert=function insertAtTop(n){RCDL.assetLoader({element:n})};var i=s(o,a)},587:function(n,e,t){n.exports=t.p+"royal-canin.styles.modals.min.css?v=8-10-0"}}]);
|
||||
@ -0,0 +1 @@
|
||||
(window["RCDLjsonFunction"]=window["RCDLjsonFunction"]||[]).push([[159],{619:function(n,t,e){var i=e(54);var o=e(620);o=o.__esModule?o.default:o;var s={injectType:"linkTag",attributes:{rel:"preload",as:"style"}};s.insert=function insertAtTop(n){RCDL.assetLoader({element:n})};var a=i(o,s)},620:function(n,t,e){n.exports=e.p+"royal-canin.styles.pagination.min.css?v=8-10-0"}}]);
|
||||
@ -0,0 +1 @@
|
||||
(window["RCDLjsonFunction"]=window["RCDLjsonFunction"]||[]).push([[165],{633:function(n,e,t){var s=t(54);var o=t(634);o=o.__esModule?o.default:o;var a={injectType:"linkTag",attributes:{rel:"preload",as:"style"}};a.insert=function insertAtTop(n){RCDL.assetLoader({element:n})};var i=s(o,a)},634:function(n,e,t){n.exports=t.p+"royal-canin.styles.tables.min.css?v=8-10-0"}}]);
|
||||
@ -0,0 +1 @@
|
||||
(window["RCDLjsonFunction"]=window["RCDLjsonFunction"]||[]).push([[166],{635:function(n,t,e){var s=e(54);var o=e(636);o=o.__esModule?o.default:o;var a={injectType:"linkTag",attributes:{rel:"preload",as:"style"}};a.insert=function insertAtTop(n){RCDL.assetLoader({element:n})};var i=s(o,a)},636:function(n,t,e){n.exports=e.p+"royal-canin.styles.tags.min.css?v=8-10-0"}}]);
|
||||
@ -0,0 +1 @@
|
||||
(window["RCDLjsonFunction"]=window["RCDLjsonFunction"]||[]).push([[170],{612:function(n,o,r){var t=r(2);var u=r(111);var i="
";n.exports=function(n){return t((function(){return!!u[n]()||i[n]()!=i||u[n].name!==n}))}}}]);
|
||||
@ -0,0 +1 @@
|
||||
(window["RCDLjsonFunction"]=window["RCDLjsonFunction"]||[]).push([[171],{632:function(n,r,a){var t=a(3);var o=a(160).trim;var i=a(111);var v=t.parseFloat;var s=1/v(i+"-0")!==-Infinity;n.exports=s?function parseFloat(n){var r=o(String(n));var a=v(r);return a===0&&r.charAt(0)=="-"?-0:a}:v}}]);
|
||||
1
rc-busness/static/royalcanin-cdn-assets-new/css_js/18.js
Normal file
1
rc-busness/static/royalcanin-cdn-assets-new/css_js/18.js
Normal file
@ -0,0 +1 @@
|
||||
(window["RCDLjsonFunction"]=window["RCDLjsonFunction"]||[]).push([[18],{371:function(n,t,e){var s=e(54);var i=e(586);i=i.__esModule?i.default:i;var o={injectType:"linkTag",attributes:{rel:"preload",as:"style"}};o.insert=function insertAtTop(n){RCDL.assetLoader({element:n})};var a=s(i,o)},586:function(n,t,e){n.exports=e.p+"royal-canin.styles.lists.min.css?v=8-10-0"}}]);
|
||||
BIN
rc-busness/static/royalcanin-cdn-assets-new/css_js/1x1.gif
Normal file
BIN
rc-busness/static/royalcanin-cdn-assets-new/css_js/1x1.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 49 B |
1
rc-busness/static/royalcanin-cdn-assets-new/css_js/28.js
Normal file
1
rc-busness/static/royalcanin-cdn-assets-new/css_js/28.js
Normal file
@ -0,0 +1 @@
|
||||
(window["RCDLjsonFunction"]=window["RCDLjsonFunction"]||[]).push([[28],{112:function(n,o,i){"use strict";i.r(o);var e=RCDL.moveNode=function(n,o,i){if(i){n.parentNode.removeChild(n);o.appendChild(n)}};o["default"]=e}}]);
|
||||
1
rc-busness/static/royalcanin-cdn-assets-new/css_js/29.js
Normal file
1
rc-busness/static/royalcanin-cdn-assets-new/css_js/29.js
Normal file
@ -0,0 +1 @@
|
||||
(window["RCDLjsonFunction"]=window["RCDLjsonFunction"]||[]).push([[29],{570:function(n,o,i){var t=i(7);var r=Math.floor;n.exports=function isInteger(n){return!t(n)&&isFinite(n)&&r(n)===n}}}]);
|
||||
1
rc-busness/static/royalcanin-cdn-assets-new/css_js/3.js
Normal file
1
rc-busness/static/royalcanin-cdn-assets-new/css_js/3.js
Normal file
@ -0,0 +1 @@
|
||||
(window["RCDLjsonFunction"]=window["RCDLjsonFunction"]||[]).push([[3],{334:function(n,e,t){var s=t(54);var o=t(581);o=o.__esModule?o.default:o;var i={injectType:"linkTag",attributes:{rel:"preload",as:"style"}};i.insert=function insertAtTop(n){RCDL.assetLoader({element:n})};var a=s(o,i)},581:function(n,e,t){n.exports=t.p+"royal-canin.styles.icons.min.css?v=8-10-0"}}]);
|
||||
1
rc-busness/static/royalcanin-cdn-assets-new/css_js/4.js
Normal file
1
rc-busness/static/royalcanin-cdn-assets-new/css_js/4.js
Normal file
@ -0,0 +1 @@
|
||||
(window["RCDLjsonFunction"]=window["RCDLjsonFunction"]||[]).push([[4],{579:function(n,r,e){"use strict";var a=e(63);var t=e(13);var v=e(163);var i=e(161);var o=e(11);var u=e(62);var f=e(162);n.exports=function from(n){var r=t(n);var e=typeof this=="function"?this:Array;var d=arguments.length;var l=d>1?arguments[1]:undefined;var s=l!==undefined;var c=0;var h=f(r);var w,g,p,y,j;if(s)l=a(l,d>2?arguments[2]:undefined,2);if(h!=undefined&&!(e==Array&&i(h))){y=h.call(r);j=y.next;g=new e;for(;!(p=j.call(y)).done;c++){u(g,c,s?v(y,l,[p.value,c],true):p.value)}}else{w=o(r.length);g=new e(w);for(;w>c;c++){u(g,c,s?l(r[c],c):r[c])}}g.length=c;return g}}}]);
|
||||
1
rc-busness/static/royalcanin-cdn-assets-new/css_js/40.js
Normal file
1
rc-busness/static/royalcanin-cdn-assets-new/css_js/40.js
Normal file
@ -0,0 +1 @@
|
||||
(window["RCDLjsonFunction"]=window["RCDLjsonFunction"]||[]).push([[40],{588:function(n,e,s){var t=s(54);var o=s(589);o=o.__esModule?o.default:o;var a={injectType:"linkTag",attributes:{rel:"preload",as:"style"}};a.insert=function insertAtTop(n){RCDL.assetLoader({element:n})};var i=t(o,a)},589:function(n,e,s){n.exports=s.p+"royal-canin.styles.shades.min.css?v=8-10-0"}}]);
|
||||
1
rc-busness/static/royalcanin-cdn-assets-new/css_js/43.js
Normal file
1
rc-busness/static/royalcanin-cdn-assets-new/css_js/43.js
Normal file
@ -0,0 +1 @@
|
||||
(window["RCDLjsonFunction"]=window["RCDLjsonFunction"]||[]).push([[43],{577:function(r,n,i){var t=i(44);var a=i(13);var e=i(59);var o=i(11);var createMethod=function(r){return function(n,i,u,f){t(i);var v=a(n);var w=e(v);var c=o(v.length);var h=r?c-1:0;var l=r?-1:1;if(u<2)while(true){if(h in w){f=w[h];h+=l;break}h+=l;if(r?h<0:c<=h){throw TypeError("Reduce of empty array with no initial value")}}for(;r?h>=0:c>h;h+=l)if(h in w){f=i(f,w[h],h,v)}return f}};r.exports={left:createMethod(false),right:createMethod(true)}}}]);
|
||||
1
rc-busness/static/royalcanin-cdn-assets-new/css_js/44.js
Normal file
1
rc-busness/static/royalcanin-cdn-assets-new/css_js/44.js
Normal file
@ -0,0 +1 @@
|
||||
(window["RCDLjsonFunction"]=window["RCDLjsonFunction"]||[]).push([[44],{578:function(n,e,t){var o={"./rc-type--ko-KR.css":[643,168],"./rc-type--zh-Hans.css":[645,169]};function webpackAsyncContext(n){if(!t.o(o,n)){return Promise.resolve().then((function(){var e=new Error("Cannot find module '"+n+"'");e.code="MODULE_NOT_FOUND";throw e}))}var e=o[n],c=e[0];return t.e(e[1]).then((function(){return t.t(c,7)}))}webpackAsyncContext.keys=function webpackAsyncContextKeys(){return Object.keys(o)};webpackAsyncContext.id=578;n.exports=webpackAsyncContext}}]);
|
||||
1
rc-busness/static/royalcanin-cdn-assets-new/css_js/58.js
Normal file
1
rc-busness/static/royalcanin-cdn-assets-new/css_js/58.js
Normal file
@ -0,0 +1 @@
|
||||
(window["RCDLjsonFunction"]=window["RCDLjsonFunction"]||[]).push([[58],{592:function(n,e,t){var s=t(54);var o=t(593);o=o.__esModule?o.default:o;var a={injectType:"linkTag",attributes:{rel:"preload",as:"style"}};a.insert=function insertAtTop(n){RCDL.assetLoader({element:n})};var i=s(o,a)},593:function(n,e,t){n.exports=t.p+"royal-canin.styles.cards.min.css?v=8-10-0"}}]);
|
||||
1
rc-busness/static/royalcanin-cdn-assets-new/css_js/59.js
Normal file
1
rc-busness/static/royalcanin-cdn-assets-new/css_js/59.js
Normal file
@ -0,0 +1 @@
|
||||
(window["RCDLjsonFunction"]=window["RCDLjsonFunction"]||[]).push([[59],{374:function(n,e,t){var s=t(54);var o=t(613);o=o.__esModule?o.default:o;var i={injectType:"linkTag",attributes:{rel:"preload",as:"style"}};i.insert=function insertAtTop(n){RCDL.assetLoader({element:n})};var a=s(o,i)},613:function(n,e,t){n.exports=t.p+"royal-canin.styles.forms.min.css?v=8-10-0"}}]);
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user