xinyin025/smart-admin
1
0
Fork 0
mirror of https://gitee.com/lab1024/smart-admin.git synced 2025-10-02 10:16:38 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

sumt

Browse Source
This commit is contained in:
summation 2022-01-19 19:12:37 +08:00
parent e133d3e778
commit 4d4cd4a564
32 changed files with 1644 additions and 1188 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

76
rc-busness/ajax/getData.js
View File

@ -72,22 +72,18 @@ export const postCourseId = (productCode,buyCount,memberId, mobile,productImg,pr
/**
* 是否存在购物车
*/
export const isexistCart = (id, pet,address) => {
export const isexistCart = (id) => {
var data = {
memberId: id,
}
return fetch('getCartProductInfo?memberId='+id,data,'POST')
return fetch('getCartProductInfo', data, 'POST')
}
/**
* 删除购物车
*/
export const deleteCart = (memberId, productCode) => {
var data = {
memberId: memberId,
productCode:productCode
}
return fetch('cancelCartProductInfo',data,'POST')
return fetch('cancelCartProductInfo?memberId=' + memberId, productCode, 'POST')
}
/**
* 购物车批量提交
@ -165,6 +161,7 @@ export const useredit = (mobile, pet,address) => {
storeCode: '',
remark: '',
memberMark: '',
remark: ''
}
return fetch('member?type=add', data, 'POST')
@ -200,10 +197,13 @@ export const userque = (stype) => {
//标品全部信息
export const biaomessage = (stype,name) => {
console.log(stype);
export const biaomessage = (stype,name,curPage,curRow) => {
if(!curPage)
curPage=1;
if(!curRow)
curRow=10;
let queryTail='&page='+curPage+'&rows='+curRow;
if(stype.length>1){
console.log("========");
let list={};
stype.map(item=>{
console.log(item);
@ -214,30 +214,29 @@ export const biaomessage = (stype,name) => {
str = str + key + "=" + list[key] + "&";
}
stype = str.substr(0,str.length-1);
var data = {
page:1,
row:10
}
return fetch('product/query'+stype, data, 'POST' )
return fetch('product/query'+stype+queryTail, '', 'POST' )
}else{
console.log('-==');
return fetch('product/query?petType='+stype,data, 'POST' )
return fetch('product/query?petType='+stype+queryTail, '', 'POST' )
}
}
export const searchchanpin = (stype,usertype,curPage,curRow) => {
}
console.log(stype,usertype);
export const searchchanpin = (stype) => {
if(!curPage)
curPage=1;
if(!curRow)
curRow=10;
let queryTail='&page='+curPage+'&rows='+curRow;
console.log(stype);
let list = {};
stype.map(item => {
console.log(item);
list=item
})
var str = "?";
var str = "&";
for(var key in list){
str = str + key + "=" + list[key] + "&";
}
str = str.substr(0, str.length - 1);
@ -245,8 +244,7 @@ export const searchchanpin = (stype) => {
page: 1,
row: 10
}
return fetch('product/query'+ str, data, 'POST' )
return fetch('product/query?petType='+usertype+str+queryTail, data, 'POST' )
}
@ -298,14 +296,20 @@ export const biaomessa = (stype) => {
return fetch('product/query', data, 'POST')
}
export const biaome = (stype) => {
export const biaome = (usertype,stype,curPage,rows) => {
if(!curPage)
curPage=1;
if(!rows)
rows=10;
let queryTail='&page='+curPage+'&rows='+rows;
let username='&name='+stype
console.log(stype);
var data = {
name: stype,
rows: 10,
page: 1,
}
return fetch('product/query?name='+stype,data, 'POST' )
return fetch('product/query?petType='+usertype+username+queryTail,data, 'POST' )
}
@ -446,12 +450,17 @@ export const goodsmessage = (productCode) => {
//微信支付
export const generateOrderWX = (list) => {
var data = [{
}]
return fetch('generateOrderWX', list, 'POST')
}
//微信支付返回
export const updateOrderWX = (data) => {
return fetch('updateOrderWX', data, 'POST')
}
//支付宝支付
export const generateOrderAlipay = (list) => {
return fetch('generateOrderAlipay', list, 'POST')
}
//用户所有的优惠券
export const allConfig = (memberId, channelSecurity, mobile) => {
var data = {
@ -495,6 +504,11 @@ export const goodsmessage = (productCode) => {
// return fetch('generateOrderWX', data, 'POST' )
// }
//地址的查询
export const memberAddress = (type, data) => {
return fetch('memberAddress?type=' + type, data, 'POST')
}
//地址的查询
export const selectaddress = (memberId, pet, address) => {

335
rc-busness/assets/css/discount.less
View File

@ -1,8 +1,6 @@
@media screen and (max-width:768px){
.allmain{
.rc-top{
margin-top: 2.5rem;
}
}
.active {
@ -29,7 +27,7 @@
display: block;
margin-left: 32px;
font-weight: bold;
cursor: pointer;
}
span:first-child {
margin-left: 0;
@ -123,169 +121,172 @@ border-radius: 100px;
align-items: center;
font-size: 12px;
justify-content: center;
margin-top: 8px;
}
span{
margin-top: 0;
}
margin-top: 17px;
padding-left: 36px;
}
.rc-footer {
display: flex;
align-items:flex-end
span {
width: 72px;
height: 25px;
background: #e2001a;
text-align: center;
line-height: 25px;
font-size: 12px;
color: #ffffff;
margin-bottom: 8px;
border-radius: 100px;
margin-right: 30px;
}
}
}
}
@media screen and (min-width: 769px){
.allmain{
.rc-top{
margin-top: 1.5rem;
}
.rs-dis{
display: flex;
flex-flow: wrap;
justify-content: center;
}
}
.active {
font-size: 14px;
color: #E2001A;
}
.unactive {
font-size: 14px;
color: #444444;
}
.rc-usermain{
.online{
margin-top: 0;
}
.rc {
height: 96px;
display: flex;
align-items: center;
margin-left: 23px;
justify-content: center;
span {
display: block;
margin-left: 40px;
font-size: 16px;
font-weight: bold;
}
span:first-child {
margin-left: 0;
}
}
}
.rc-discount {
margin-left: 20px;
display: flex;
margin-top: 16px;
width: 335px;
background: #ffffff;
position: relative;
img {
display: block;
width: 100%;
height: 100%;
}
.rc-contair {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 8;
}
.rc-left {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #e1001a;
text-align: center;
width: 30%;
font-weight: bold;
float: left;
height: 100%;
i {
font-style: normal;
font-size: 12px;
}
span {
font-size: 26px;
}
strong {
font-style: normal;
font-size: 12px;
display: block;
}
}
.rc-right {
display: flex;
flex-direction: column;
height: 100%;
i {
font-style: normal;
font-size: 16px;
color: #e1001a;
}
.rc-userfont {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #999999;
font-size: 12px;
strong{
display: block;
margin-top: 8px;
}
}
em {
font-style: normal;
}
.ts-stand{
display: flex;
align-items: center;
justify-content: end;
padding-right: 17px;
margin-bottom: 8px;
}
.ts-standard-btn{
width: 72px;
display: flex;
height: 25px;
background: #E2001A;
border-radius: 100px;
align-items: center;
font-size: 12px;
justify-content: center;
margin-top: 8px;
}
span{
margin-top: 0;
}
margin-top: 17px;
padding-left: 36px;
}
.rc-footer {
display: flex;
align-items:flex-end;
span {
width: 72px;
height: 25px;
background: #e2001a;
text-align: center;
line-height: 25px;
font-size: 12px;
color: #ffffff;
margin-bottom: 8px;
border-radius: 100px;
margin-right: 30px;
}
}
}
}
@media screen and (min-width: 769px){
.online{
margin-top: 30px;
}
.allmain{
.rs-dis{
display: flex;
flex-flow: wrap;
justify-content: center;
}
}
.active {
font-size: 14px;
color: #E2001A;
}
.unactive {
font-size: 14px;
color: #444444;
}
.rc-usermain{
.online{
margin-top: 0;
}
.rc {
height: 96px;
display: flex;
align-items: center;
margin-left: 23px;
justify-content: center;
span {
display: block;
margin-left: 40px;
font-size: 16px;
font-weight: bold;
cursor: pointer;
}
span:first-child {
margin-left: 0;
}
}
}
.rc-discount {
margin-left: 20px;
display: flex;
margin-top: 16px;
width: 335px;
background: #ffffff;
position: relative;
img {
display: block;
width: 100%;
height: 100%;
}
.rc-contair {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 8;
}
.rc-left {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #e1001a;
text-align: center;
width: 30%;
font-weight: bold;
float: left;
height: 100%;
i {
font-style: normal;
font-size: 12px;
}
span {
font-size: 26px;
}
strong {
font-style: normal;
font-size: 12px;
display: block;
}
}
.rc-right {
display: flex;
flex-direction: column;
height: 100%;
i {
font-style: normal;
font-size: 16px;
color: #e1001a;
}
.rc-userfont {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #999999;
font-size: 12px;
strong{
display: block;
margin-top: 8px;
}
}
em {
font-style: normal;
}
.ts-stand{
display: flex;
align-items: center;
justify-content: end;
padding-right: 17px;
margin-bottom: 8px;
float: right;
}
.ts-standard-btn{
width: 72px;
display: flex;
height: 25px;
background: #E2001A;
border-radius: 100px;
align-items: center;
font-size: 12px;
justify-content: center;
margin-top: 8px;
}

143
rc-busness/assets/css/global.less
View File

@ -1,10 +1,69 @@
/*Body*/
html,body{height:100%;}
body{
font-family: DINPro,'PingFang SC',miui,'Hiragino Sans GB','Microsoft Yahei',sans-serif;
line-height: 1.5;
color: #666;
}
.fade-enter,
.fade-leave-active {
opacity: 0;
}
.ts-mask{
width:100%;
height:100%;
position: fixed;
top:0;
left:0;
display:flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index:99;
.ts-mask-bg{
background-color:#000;
opacity:.6;
width:100%;
height:100%;
z-index:0;
position:absolute;
left:0;
top:0;
}
}
.userloding {
background: url(../image/onloading.png) center center no-repeat;
width: 3.12rem;
background-size: contain;
height: 3.12rem;
animation: rolling 4s infinite;
-webkit-animation:rolling 4s infinite;
}
@keyframe rolling
{
from{
transform: rotateZ(0deg);
}
to{
transform: rotate(360deg);
}
}
@-webkit-keyframes rolling
{
from{
transform: rotateZ(0deg);
}
to{
transform: rotate(360deg);
}
}
.fade-enter-active,
.fade-leave-active {
transition: opacity 0.5s;
}
//用户光点
.rc-screen-reader{
width: 0.81rem;
@ -39,8 +98,7 @@ img, picture {
flex-wrap: wrap;
justify-content: space-evenly;
&:after{
content:"";
width:154px;
}
li{
border: 1px solid #D7D7D7;
@ -130,13 +188,14 @@ img, picture {
height: 100%;
background: #333333;
opacity: 0.6;
position: absolute;
position: fixed;
bottom: 0;
width: 100%;
z-index: 8;
}
.ts-scrollable-container{
display: flex;
align-items: center;
h2{
margin:0;
display: flex;
@ -151,9 +210,6 @@ img, picture {
flex-wrap: nowrap;
text-align: center;
width: 86%;
&::-webkit-scrollbar{
display:none;
}
li{
border-radius: 100px;
flex-shrink:0;
@ -191,13 +247,12 @@ img, picture {
right: 0;
top: 30%;
background: #FFFFFF;
box-shadow: 0px 0px .62rem rgba(0, 0, 0, 0.16);
box-shadow: 0 0 10px 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;
@ -236,7 +291,6 @@ img, picture {
max-width: 460px;
margin-left: auto!important;
margin-right: auto!important;
box-shadow:unset;
}
.ts-standard-input{
@ -286,9 +340,7 @@ img, picture {
margin-top: 90px;
}
.rc-list__header {
background: none;
padding: .5rem 0;
border-bottom: none;
}
.ts-right-arr {
border-bottom:1px solid #E1001A;
@ -341,12 +393,16 @@ img, picture {
}
.ts-scrollable{
li{
width: 4.125rem;
// width: 4.125rem;
padding: 0 0.62rem;
height: 1.625rem;
margin-left: .5rem;
font-size:.75rem;
line-height: 1.375rem;
}
&::-webkit-scrollbar{
display:none;
}
}
}
@ -364,24 +420,37 @@ img, picture {
font-size:16px;
}
.rc-top{
margin-top: 150px;
margin-top: 124px;
}
.ts-product-list{
text-align: left;
display:block;
li{
max-width:20rem;
margin-right:.9rem;
margin-left:.9rem;
min-width:18.75rem;
width:22.8vw;
//margin-right:.875rem;
margin-left:2vw;
padding-left:1px;
padding-right:1px;
box-sizing: border-box;
.rc-column{
span{
font-size:1.875rem;
height: 5.2rem;
}
}
&:nth-child(4n+1){
margin-left:0;
}
&:nth-child(4n){
//margin-right:0;
}
}
img{
width:20rem;
width:100%;
max-width:320px;
min-width:160px;
}
}
.ts-right-arr {
@ -486,17 +555,40 @@ img, picture {
}
h2{
font-size:20px;
padding-bottom:1rem;
}
.ts-scrollable
{
padding-bottom:1rem;
scrollbar-width: thin;
li
{
margin-left: 40px;
margin-left: 30px;
width: 8.125rem;
height: 2.5rem;
line-height: 40px;
//line-height: 40px;
font-size: .875rem;
padding:.375rem;
}
&::-webkit-scrollbar{
height: 6px;
width:50%;
background:transparent;
}
&::-webkit-scrollbar-thumb{
background-color:#d7d7d7;
border-radius:10px;
width:50%;
}
&::-webkit-scrollbar-track{
//background-color:#ddd;
background-color:transparent;
}
&::-webkit-scrollbar-button{
background:unset;
}
/* */
}
}
@ -514,3 +606,14 @@ img, picture {
display: none!important;
}
}
@media screen and (min-width: 769px) and (max-width: 1370px)
{
.ts-product-list {
display:flex;
//justify-content: space-between;
li{
//margin-left:0;
//margin-right:0;
}
}
}

228
rc-busness/assets/css/index.less
View File

@ -5,17 +5,95 @@
/deep/.van-swipe__indicator--active{
background-color: #E1001A;
}
.ts-carousel-indicator{
/deep/.swiper-pagination-bullet{
margin-left:.5rem;
}
/deep/.swiper-pagination-bullet-active{
background:#E2001A;
}
&.center{
width:100%;
text-align: center;
}
}
.ts-position-identifier{
}
.ul-zhuan,.ul-dog{
li{
background: unset;
img{
border-radius: 50%;
}
&.active {
img{
border: 3px solid #E2001A;
}
color: #E2001A;
}
&.unactive {
color: #444444;
img{
border: 3px solid #D7D7D7;
}
}
}
}
.uservideo{
overflow: hidden;
video{
height:100%;
width:auto;
}
}
.ul-dog{
width: 100%;
display: flex;
justify-content: center;
flex-wrap: wrap;
flex-direction: row;
span{
margin-top: .5rem;
display: block;
}
img{
width: 9.5rem;
height: auto;
display: block;
}
li{
cursor: pointer;
font-size: 16px;
text-align: center;
margin-top:3rem;
margin-left:3rem;
}
}
@media screen and (max-width:768px){
.ul-dog{
display: none;
justify-content: space-evenly;
img{
width:4rem;
height:auto;
}
li{
margin-top:1.875rem;
}
}
.ts-banner-swiper-container{
margin-bottom:2.5rem;
}
.searchBara{
position: fixed;
width: 100%;
position: fixed;
top:66px;
top:3.75rem;
background: white;
z-index: 9999;
z-index: 60;
overflow-x: auto;
white-space: nowrap;
overflow-y:hidden;
@ -24,22 +102,18 @@
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;
text-align: center;
height: 0.64rem;
background: #F6F6F6;
border-radius: 50%;
opacity: 1;
}
}
.rc-login{
width: 92%;
margin:0 auto;
@ -72,9 +146,6 @@
}
}
}
.van-swipe{
z-index: 2;
}
.rc-usermessage{
span{
@ -92,12 +163,13 @@
object-fit: cover;
}
.van-swipe{
z-index: 2;
}
.van-swipe-item {
color: #fff;
height: 26.31rem;
width: 100%;
font-size: 0.20px;
line-height: 1.50rem;
text-align: center;
position: relative;
}
@ -145,12 +217,10 @@
.uservideo{
width: 100%;
height:auto;
max-height: 15.68rem;
display: block;
overflow:hidden;
video{
width:100%;
height:100%;
max-width:100%;
max-height:100%;
}
}
}
@ -166,7 +236,7 @@
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
justify-content: flex-start;
align-items: center;
}
img{
@ -183,6 +253,7 @@
margin-top: 1.25rem;
}
p{
color: #666666;
font-size: .875rem;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
@ -261,12 +332,7 @@
li{
display: inline-block;
margin-left: 1.25rem;
width: 4rem;
text-align: center;
height: 4rem;
background: #F6F6F6;
border-radius: 50%;
opacity: 1;
}
}
@ -280,22 +346,21 @@
}
}
.active {
font-size: 0.14rem;
border: 1px solid red;
color: red;
}
.unactive {
font-size: 0.14rem;
color: #444444;
border: 1px solid #D7D7D7;
}
// .usermain{
// display: none;
// }
}
.active {
font-size: 0.14rem;
img{
border-width: 1px;
}
}
.unactive {
font-size: 0.14rem;
img{
border-width: 1px;
}
}
@ -312,12 +377,18 @@ width: 100%;
// height: 29.31rem;
object-fit: cover;
}
.ts-banner-swiper-container{
position:relative;
.ts-carousel-indicator{
position:absolute;
bottom:.4rem;
}
}
.van-swipe-item {
color: #fff;
height: 100%;
width: 100%;
font-size: 1.25rem;
line-height: 9.375rem;
text-align: center;
@ -331,17 +402,14 @@ object-fit: cover;
#xxxFullScreen {
background-color: white;
// margin-top: 100px;
#swiper1 {
width: 100%;
#swiper1,#swiper2 {
overflow: hidden;
margin-top: 2.31rem;
}
h2{
padding-bottom: 5rem;
}
}
.swiper-container2 {
width: 100%;
height: 38.6rem;
@ -418,8 +486,6 @@ object-fit: cover;
width: 35rem;
height: 31.6rem;
display: block;
border: 1px solid red;
}
.userleft{
position: absolute;
@ -486,7 +552,7 @@ img{
.rc-ma
{
.rc-margin-y--xl{
//margin-bottom: 1.88rem;
margin-bottom: 1.88rem;
}
// padding:60px 0;
@ -497,23 +563,22 @@ img{
flex-wrap: wrap;
flex-direction: row;
span{
margin-top: 2.5rem;
margin-top: 1vw;
display: block;
}
img{
width: 9.5rem;
height: 9.5rem;
width:100%;
height: auto;
object-fit: contain;
display: block;
}
li{
width: 10vw;
max-width:11rem;
cursor: pointer;
font-size: 16px;
width: 9.875rem;
text-align: center;
height: 9.875rem;
background: #F6F6F6;
border-radius: 50%;
margin-left:1.25rem;
overflow:hidden;
}
}
@ -528,35 +593,7 @@ img{
}
.usermain{
margin-top: 2.5rem;
padding-bottom: 2.82rem;
.ul-dog{
width: 100%;
display: flex;
justify-content: center;
flex-wrap: wrap;
flex-direction: row;
span{
margin-top: 2.5rem;
display: block;
}
img{
width: 9.5rem;
height: 9.5rem;
display: block;
}
li{
cursor: pointer;
font-size: 16px;
width: 9.875rem;
text-align: center;
height: 9.875rem;
background: #F6F6F6;
border-radius: 50%;
margin-left:3rem;
}
}
}
.rc-main{
width: 100%;
@ -598,14 +635,15 @@ margin-left: 2.5rem;
}
.active {
font-size: 1rem;
border: 3px solid red;
color: red;
img{
border-width: 3px;
}
}
.unactive {
font-size: 1rem;
color: #444444;
border: 1px solid #D7D7D7;
img{
border-width: 1px;
}
}
.rc-maa{
ul{
@ -640,13 +678,10 @@ border-radius: 50%;
.userselection {
font-size: 0.16rem;
color: #E2001A;
}
.unselection {
font-size: 0.16rem;
}
.rc-usermessage{
span{
@ -656,3 +691,14 @@ color: #E2001A;
}
}
}
@media screen and (min-width:600px) and (max-width:768px)
{
.ul-zhuan{
display: flex;
justify-content: space-evenly;
li{
margin-left:0;
}
}
}

44
rc-busness/assets/css/integral.less
View File

@ -1,11 +1,3 @@
.rc-usermain{
width:100%;
padding-bottom:2.8rem;
ol{
overflow-x:hidden;
overflow-y:auto;
}
}
@media screen and (max-width:768px){
.rc-button{
width: 100%;
@ -35,8 +27,12 @@ span{
}
}
.rc-usermain{
width: 92%;
margin: 0 auto;
ul{
height: 4.375rem;
height: 70px;
display: block;
border-bottom: 1px solid #D8D8D8;
display: flex;
align-items: center;
@ -47,15 +43,17 @@ span{
li{
float: left;
width: 30%;
position:relative;
padding-right:.625rem;
}
li:after{
// height: 2px;
// border: 1px solid red;
// display: block;
content:"|";
color: #707070;
position:absolute;
top:0;
right:0;
margin-left: 5px;
}
li:last-child:after{
content:"";
@ -64,14 +62,16 @@ span{
}
ol{
margin-top:1rem;
max-height:70vh;
li{
font-style: normal;
height: 2rem;
display: block;
height: 32px;
margin-top: 16px;
display: flex;
// justify-content: space-between;
align-items: center;
font-size: .875rem;
color: #666666;
font-size: 14px;
text-align: center;
i{
font-style: normal;
@ -130,7 +130,10 @@ span{
}
}
.rc-usermain{
width: 92%;
margin: 0 auto;
margin-top: 60px;
ul{
height: 64px;
background: #F6F6F6;
@ -147,19 +150,20 @@ span{
li{
float: left;
width: 42%;
}
}
ol{
max-height:37.5rem;
li{
font-style: normal;
display: block;
height: 48px;
margin-top: 16px;
display: flex;
border: 1px solid #D7D7D7;
border-top:0;
// justify-content: space-between;
align-items: center;
color: #666666;

6
rc-busness/assets/css/login.less
View File

@ -1,9 +1,9 @@
.container{
min-height:100vh;
height:100%;
background-color:#f6f6f6;
display: flex;
flex-direction: column;
align-items: center;
//background-color:#f6f6f6;
}
.ts-max-width--460{
border-radius: 3px;
@ -141,7 +141,7 @@
}
}
// /* 最小768px最大1920 *pc端/
@media screen and (min-width: 769px) {
@media screen and (min-width: 768px) and (max-width: 1920px) {
.usecheck{
display: flex;
text-align: left;

5
rc-busness/assets/css/mypersonal.less
View File

@ -8,9 +8,6 @@ ul li ol li em strong i {
.rc-center{
overflow:hidden;
}
.r-block{
border-radius:.25rem;
}
//手机端
@media screen and (max-width: 768px) {
.ts-mypersonal{
@ -253,7 +250,6 @@ ul li ol li em strong i {
width: 440px;
height: 652px;
}
.ts-mypersonal{
margin-left:0;
.rc-column{
@ -261,7 +257,6 @@ ul li ol li em strong i {
padding-right:0;
}
}
.online{
margin:40px auto;
}

116
rc-busness/assets/css/product-list.less
View File

@ -11,14 +11,36 @@ ul li ol li em strong i {
.usersearch {
margin: 0 auto;
overflow: hidden;
}
//rc-main end
}
//手机端
@media screen and (max-width: 768px) {
.usercontentshow{
position: relative;
.userrccat{
width: 32%;
height: 34px;
background: #ffffff;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 0;
font-size: 12px;
margin-right: 0.2rem;
img {
width: 24px;
height: 16px;
}
border: 2px solid #d7d7d7;
}
}
.online{height:.08rem;}
.rc-mubu{
@ -93,6 +115,25 @@ ul li ol li em strong i {
height: 16px;
}
}
.userrccat{
width: 32%;
height: 34px;
background: #ffffff;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 0;
font-size: 14px;
span {
margin-left: 3px;
}
img {
width: 24px;
height: 16px;
}
border: 2px solid #E2001A;
}
}
}
@ -230,10 +271,69 @@ ul li ol li em strong i {
}
}
*/
.ts-scrollable{
.useractive{
width: 126px;
height: 36px;
border: 2px solid #E1001A;
border-radius: 100px;
}
.userunactive{
width: 126px;
height: 36px;
background: #FFFFFF;
border: 2px solid #D7D7D7;
opacity: 1;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.14rem;
img{
width: 24px;
height: 16px;
display: block;
max-width: 100%;
}
}
}
}
//pc端
@media screen and (min-width: 768px){
.userrccat{
width: 327px;
height: 48px;
border-radius: 30px;
background: #ffffff;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
margin-left: 16px;
img {
width: 24px;
height: 16px;
}
border: 2px solid #d7d7d7;
}
.usersearch {
margin: 0 auto;
overflow: hidden;
margin-top: 2.6rem;
}
.online{
width:100%;
&.bold{
height:0.5rem;
margin-top: 5rem;
background:#f6f6f6;
}
}
/deep/.el-dialog {
width: 920px;
height: 570px;
@ -441,4 +541,20 @@ border-radius: 30px;
}
}
*/
.ts-scrollable-container{
overflow-y: hidden;
overflow-x: clip;
width: 100%;
h2{
display: flex;
align-items: center;
width: 4%;
}
.ts-scrollable{
overflow-y: hidden;
overflow-x: clip;
width: 100%;
}
}
}

761
rc-busness/assets/css/search.less
View File

@ -11,10 +11,17 @@
}
.rc-main {
position: relative;
margin-top: 5.25rem;
.usersearch {
width: 100%;
margin: 0 auto;
overflow: hidden;
margin-top: 20px;
.rc-padding--md{
padding: 0;
}
}
.active{
border: 2px solid #E2001A;
@ -31,16 +38,265 @@
}
//手机端
@media screen and (max-width: 768px) {
.rc-button
{
display: flex;
justify-content: center;
font-size: 14px;
width: 100%;
box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);
height: 80px;
align-items: center;
span
{
width: 160px;
height: 48px;
border: 2px solid #E2001A;
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
color: #E2001A;
}
em{
font-style: normal;
width: 164px;
height: 48px;
background: #E2001A;
cursor: pointer;
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
color: #FFFFFF;
margin-left: 40px;
}
}
.active{
border: 2px solid #E2001A;
color: #E2001A;
cursor: pointer;
}
.unactive{
border: 2px solid #d7d7d7;
color:#999999;
cursor: pointer;
}
//搜索
.usersearch {
.form-search{
.ts-standard-btn{
display: none;
}
}
strong{
font-size: 18px;
color: #333333;
display: block;
font-weight: bold;
}
}
.rc-max-width--xl{
/deep/ .van-search__content {
width: 7rem;
height: 2rem;
border: 1px solid #d7d7d7;
border-radius: 12.5rem;
background: white;
}
/deep/.van-search{
padding: 0;
}
.rc-search {
width: 4.31rem;
height: 2rem;
background: #e1001a;
border-radius: 2rem;
text-align: center;
color: white;
font-size:0.87rem ;
}
.rc-title {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 auto;
color: #333333;
margin-top: 1.5rem;
h2{
font-size: 18px;
font-weight: bold;
}
span {
font-size: 14px;
color: #666666;
border-bottom: 1px solid #666666;
display: block;
}
}
// 热门搜索
.rc-variety {
ul {
display: flex;
align-items: center;
flex-wrap: nowrap;
overflow: hidden;
width: 100%;
}
ul li {
width: 80px;
height: 32px;
background: #ffffff;
border: 1px solid #d7d7d7;
border-radius: 100px;
text-align: center;
font-size: 14px;
float: left;
line-height: 32px;
margin-left: 5px;
}
li:first-child{
margin-left: 0;
}
}
// 我想搜
.usercontentshow{
position: relative;
.rc-productcat {
display: flex;
align-items: center;
flex-wrap: nowrap;
margin-top: 1rem;
ol{
display: flex;
align-items: center;
flex-flow: row;
.ts-standard-btn{
width: 7.87rem;
height: 2.25rem;
background: #FFFFFF;
border-radius: 6.25rem;
background: none;
display: flex;
align-items: center;
justify-content: center;
margin-left: 1rem;
color: #999999;
img {
width: 1.5rem;
height: 1rem;
}
span {
margin-left: 0.18rem;
}
}
}
//筛选
.userselect{
display: flex;
align-items: center;
justify-content: center;
color: #666666;
font-size: 0.87rem;
margin-left: 0.94rem;
margin-top: 0;
img{
width: 1rem;
height: 1rem;
}
span{
display: block;
margin-left: 0.5rem;
display: block;
}
}
}
.ts-scrollable-container{
margin-top: 0.93rem;
}
}
.usersearch{
.rc-column{
strong{
font-size: 0.875rem;
font-weight: normal;
}
}
.rc-padding--md{
padding: 0;
}
h2{
margin-left: 0;
}
}
.rc-prefecture{
display: flex;
h2{
font-size: 16px;
color: #333333;
margin-left: 12px;
}
ol{
display: flex;
align-items: center;
flex-wrap: nowrap;
font-size: 12px;
text-align: center;
width: 80%;
overflow-x: auto;
white-space: nowrap;
}
li{
display: inline-block;
text-align: center;
display: flex;
align-items: center;
height: 26px;
background: #FFFFFF;
border: 1px solid #D7D7D7;
padding: 0 5px 0 5px;
border-radius: 100px;
}
}
.rc-bottom{
position: relative;
position: fixed;
background: white;
bottom: 0;
left: 0;
z-index: 9;
ol li{
background: none;
width: 7.87rem;
height: 2.25rem;
background: #FFFFFF;
border-radius: 6.25rem;
background: none;
display: flex;
align-items: center;
justify-content: center;
margin-left: 1rem;
}
}
.rc-bottoma{
margin-bottom:2rem;
}
.rc-footer{
display: flex;
align-items: center;
@ -78,11 +334,21 @@
margin-top: 0.24rem;
}
.rc-product {
h2 {
font-size: 18px;
color: #333333;
font-weight: bold;
}
.ts-scrollable{
margin-top: 1rem;
}
.rc-productcat {
display: flex;
align-items: center;
flex-wrap: nowrap;
margin-top: 1rem;
.rc-cat {
width: 32%;
height: 0.34rem;
@ -104,23 +370,127 @@
}
}
}
}
/deep/ .van-search__content {
width: 2.50rem;
height: 0.32rem;
border: 1px solid #d7d7d7;
border-radius: 2rem;
background: white;
}
//pc端
@media screen and (min-width: 768px){
/deep/.el-dialog__header {
padding: 0;
margin: 0;
}
.ts-scrollable-container{
// overflow-y: hidden;
// overflow-x: clip;
// margin-top: 0;
h2{
display: flex;
align-items: center;
width: 6%;
}
.ts-scrollable{
// overflow-y: hidden;
// overflow-x: clip;
// width: 100%;
}
}
strong{
font-size: 26px;
color: #333333;
display: block;
}
.ts-scrollable{}
.active{
border: 2px solid #E2001A;
color: #E2001A;
cursor: pointer;
}
.unactive{
border: 2px solid #d7d7d7;
color:#999999;
cursor: pointer;
}
.rc-main {
margin-top: 7.25rem;
}
.ts-scrollable-container{
margin-top: 40px;
}
/deep/.el-dialog {
width: 920px;
background: #FFFFFF;
}
/deep/.van-search__action{
display: block;
}
.rc-search {
width: 0.69rem;
height: 0.32rem;
width: 4.31rem;
height: 2rem;
background: #e1001a;
border-radius: 2rem;
text-align: center;
color: white;
font-size:0.87rem ;
}
.rc-productcat {
display: flex;
align-items: center;
flex-wrap: nowrap;
justify-content: space-between;
margin-top: 32px;
ol{
display: flex;
align-items: center;
flex-flow: row;
.ts-standard-btn{
width: 237px;
height: 48px;
background: #FFFFFF;
border-radius: 30px;
background: none;
display: flex;
align-items: center;
justify-content: center;
margin-left: 40px;
img {
width: 24px;
height: 24px;
}
span {
margin-left: 8px;
}
}
}
//筛选
.userselect{
display: flex;
align-items: center;
justify-content: center;
color: #666666;
font-size: 0.87rem;
margin-left: 0.94rem;
margin-top: 0;
img{
width: 1rem;
height: 1rem;
}
span{
display: block;
margin-left: 0.5rem;
display: block;
}
}
}
.rc-title {
width: 100%;
@ -142,198 +512,21 @@
display: block;
margin-right: 8px;
}
}
.rc-variety {
ul {
display: flex;
align-items: center;
flex-wrap: nowrap;
overflow: hidden;
width: 100%;
}
ul li {
width: 80px;
height: 32px;
background: #ffffff;
border: 1px solid #d7d7d7;
border-radius: 100px;
text-align: center;
font-size: 14px;
float: left;
line-height: 32px;
margin-left: 11px;
}
}
.rc-product {
h2 {
font-size: 18px;
color: #333333;
margin-left: 12px;
}
}
.rc-productcat {
display: flex;
align-items: center;
flex-wrap: nowrap;
.rc-cat {
width: 32%;
height: 34px;
background: #ffffff;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 16px;
font-size: 14px;
span {
margin-left: 3px;
}
img {
width: 24px;
height: 16px;
}
.rc-change{
display: none;
}
}
.rc-productright {
display: flex;
align-items: center;
img {
width: 24px;
height: 20px;
margin-left: 15px;
}
span {
font-size: 14px;
color: #666666;
margin-left: 8px;
}
}
.rc-prefecture{
display: flex;
h2{
font-size: 16px;
color: #333333;
margin-left: 12px;
}
ol{
display: flex;
align-items: center;
flex-wrap: nowrap;
font-size: 12px;
text-align: center;
width: 80%;
overflow-x: auto;
white-space: nowrap;
}
li{
display: inline-block;
text-align: center;
display: flex;
align-items: center;
height: 26px;
background: #FFFFFF;
border: 1px solid #D7D7D7;
padding: 0 5px 0 5px;
border-radius: 100px;
}
}
.rc-contair{
margin-top: 24px;
.rc-rccontair{
height:1.6rem;display:flex;align-items: center;
width: 100%
}
ul{
text-align: center;
align-items: center;
flex-wrap: nowrap;
li{
width: 43%;
margin-top: 16px;
background: #FFFFFF;
border: 1px solid #D7D7D7;
margin-left: 15px;
display: inline-flex;
flex-direction: column;
border-radius: 3px;
}
img{
width: 100%;
display: flex;
margin: 0 auto;
height: 100%
;
}
i{
font-style: normal;
font-size: 18px;
margin-top: 8px;
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;
margin-top: 0.15rem;
height: 0.25rem;
}
strong{
width: 130px;
height: 40px;
border: 2px solid #E2001A;
display: flex;
align-items: center;
justify-content: center;
border-radius: 30px;
margin: 0 auto;
font-size: 14px;
margin-bottom: 0.32rem;
margin-top: 20px;
color: #E2001A;
margin-top: 20px;
}
.rc-click{
max-height: 1.9rem;
min-height: 1.9rem;
}
}
}
//pc端
@media screen and (min-width: 768px) and (max-width: 1920px) {
/deep/.el-dialog {
width: 920px;
height: 570px;
background: #FFFFFF;
}
.rc-button{
.rc-button
{
display: flex;
justify-content: center;
font-size: 16px;
width: 100%;
padding: 40px 0 40px 0;
span{
margin-top: 35px;
span
{
width: 160px;
height: 48px;
border: 2px solid #E2001A;
@ -358,10 +551,8 @@ margin-top: 20px;
margin-left: 40px;
}
}
.rc-bottom{
.rc-cat{
margin-top: 24px;
}
.rc-productcat {
display: flex;
align-items: center;
@ -392,32 +583,40 @@ margin-top: 20px;
}
.form-search {
display: none;
}
.rc-title {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 auto;
color: #333333;
margin-top: 12px;
h2 {
font-size: 18px;
color: #333333;
margin-left: 12px;
.ts-standard-btn{
}
span {
font-size: 14px;
color: #666666;
border-bottom: 1px solid #666666;
display: block;
margin-right: 8px;
}
.rc-change{
.rc-search{
display: none;
}
}
/deep/.van-search__content--square{
background: white;
}
.van-search__content--square{
display: flex;
align-items: center;
justify-content: center;
background: white;
border: 1px solid #D7D7D7;
height: 80px;
width: 1200px;
border-radius: 200px;
}
/deep/.van-field__left-icon
{
display: flex;
align-items: center;
justify-content: center;
}
/deep/.van-field__body
{
}
.rc-variety {
margin-top: 30px;
@ -431,21 +630,23 @@ margin-top: 20px;
}
ul li {
width: 80px;
height: 32px;
width: 130px;
height: 40px;
background: #ffffff;
border: 1px solid #d7d7d7;
border-radius: 100px;
border: 2px solid #D7D7D7;
border-radius: 30px;
text-align: center;
font-size: 14px;
// color: #999999;
float: left;
line-height: 32px;
margin-left: 11px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 32px;
}
li:first-child{
margin-left: 0;
}
}
.rc-product {
margin-top: 30px;
h2 {
font-size: 18px;
color: #333333;
@ -457,21 +658,21 @@ margin-top: 20px;
align-items: center;
flex-wrap: nowrap;
.rc-cat {
width: 237px;
width: 327px;
height: 48px;
border-radius: 30px;
background: #ffffff;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 16px;
font-size: 14px;
span {
margin-left: 3px;
&:last-child{
margin-left: 16px;
}
span {
margin-left: 0px;
}
img {
width: 24px;
height: 16px;
@ -494,101 +695,11 @@ margin-top: 20px;
margin-left: 8px;
}
}
.rc-prefecture{
display: flex;
margin-top: 47px;
h2{
font-size: 20px;
color: #333333;
margin-left: 12px;
}
ol{
display: flex;
align-items: center;
flex-wrap: nowrap;
font-size: 12px;
text-align: center;
width: 80%;
}
li{
width: 130px;
height: 40px;
border: 2px solid #D7D7D7;
opacity: 1;
border-radius: 30px;
background: #FFFFFF;
line-height: 40px;
float: left;
margin-left: 40px;
color: #999999;
}
}
.rc-contair{
margin-top: 40px;
ul{
text-align: center;
align-items: center;
flex-wrap: nowrap;
width: 100%;
overflow: hidden;
li{
float: left;
width: 21%;
margin-top: 16px;
height: 560px;
background: #FFFFFF;
border: 1px solid #D7D7D7;
margin-left: 40px;
border-radius: 3px;
}
img{
width: 85px;
display: flex;
margin: 0 auto;
height: 114px
;
}
.rc-max-width--xl{
.rc-column {
i{
font-style: normal;
font-size: 22px;
margin-top: 8px;
color: #666666;
display: block;
}
}
span{
overflow:hidden;
text-overflow:ellipsis;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
display: flex;
font-size: 30px;
color: #E2001A;
margin-top: 8px;
width: 256px;
text-align: center;
margin: 0 auto;
}
strong{
width: 134px;
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;
}
.rc-rccontair{
height:320px;display:flex;align-items: center
}
}
}
}

5
rc-busness/assets/css/settlement.less
View File

@ -41,7 +41,8 @@ color: #333333;
}
}
.rc-main {
width: 92%;
margin: 0 auto;
.rc-userbottom{
display: none;
}
@ -303,6 +304,8 @@ color: #333333;
@media screen and (min-width: 768px) and (max-width: 1920px) {
.rc-main {
width: 92%;
margin: 0 auto;
.rc-userbottomm{
display: none;
}

BIN
rc-busness/assets/image/onloading.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.5 KiB

78
rc-busness/assets/style/default.less Normal file
View File

@ -0,0 +1,78 @@
* {
margin: 0;
padding: 0;
}
html {
line-height: 160%;
}
.rc_contline {
border-bottom: 3px solid #f6f6f6;
height: 0px;
margin: 0;
clear: both;
}
.page_modules {
padding-top: 100px;
}
.cont_modules {
margin: 0 auto;
max-width: 1400px;
}
.inline_right {
display: flex;
justify-content: space-between;
width: 100%;
}
.inline_mid {
display: flex;
justify-content: space-around;
width: 100%;
}
.inline_left {
display: flex;
justify-content: space-evenly;
width: 100%;
}
.li_inline {
li {
display: inline-block;
vertical-align: middle;
}
}
.color_red {
color: #E2001A;
}
.tc {
text-align: center;
}
.tr {
text-align: right;
}
.el-dialog{
width: 90%;
max-width: 440px;
}
#tns2-iw{ height: 90px;}
.rc-carousel:not(.rc-carousel--loaded){visibility:visible!important}
@media screen and (max-width: 768px) {
.el-message-box{
width: 300px;
}
.el-dialog{
width: 90%;
}
}

154
rc-busness/components/header.vue
View File

@ -58,11 +58,6 @@
</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" @click='searchturn' evt-name='页内弹窗' evt-cat='headerBtnClick' evt-val='全文搜索' class="rc-btn rc-btn--icon rc-icon rc-search--xs rc-iconography rc-interactive" aria-label="Search" role="menuitem" data-click-modifier=".rc-hidden">
<span class="rc-screen-reader-text">translations.feature.headerbar.search</span>
</button>
@ -75,16 +70,16 @@
<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>
<a href="https://royalcanin.com.cn/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>
<a href="https://royalcanin.com.cn/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>
<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>
<a href="https://royalcanin.com.cn/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">
@ -94,49 +89,49 @@
<li class="rc-list__item rc-list__item--group">
<img src="../assets/showimage/sub-nav-1.jpg" class="ts-head-img rc-margin-bottom--xs">
<a href="#cats" class="rc-list__header rc-margin--none" role="menuitem">猫</a>
<a href="https://royalcanin.com.cn/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>
<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>
<a href="https://royalcanin.com.cn/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>
<a href="https://royalcanin.com.cn/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>
<a href="https://royalcanin.com.cn/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>
<a href="https://royalcanin.com.cn/cats/kitten/health" class="rc-list__link" role="menuitem">健康和心情</a>
</li>
</ul>
</li>
<li class="rc-list__item rc-list__item--group">
<img src="../assets/showimage/sub-nav-2.jpg" class="ts-head-img rc-margin-bottom--xs">
<a href="#dogs" class="rc-list__header rc-margin--none" role="menuitem">犬</a>
<a href="https://royalcanin.com.cn/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>
<a href="https://royalcanin.com.cn/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>
<a href="https://royalcanin.com.cn/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>
<a href="https://royalcanin.com.cn/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>
<a href="https://royalcanin.com.cn/dogs/puppy/health" class="rc-list__link" role="menuitem">健康和心情</a>
</li>
</ul>
</li>
<li class="rc-list__item rc-list__item--group">
<img src="../assets/showimage/sub-nav-3.jpg" class="ts-head-img rc-margin-bottom--xs">
<a href="#tailored-nutrition" class="rc-list__header rc-margin--none" role="menuitem">定制营养方案</a>
<a href="/" 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>
@ -148,13 +143,13 @@
</li>
<li class="rc-list__item rc-list__item--group">
<img src="../assets/showimage/sub-nav-4.jpg" class="ts-head-img rc-margin-bottom--xs">
<a href="#about" class="rc-list__header rc-margin--none" role="menuitem">关于我们</a>
<a href="https://royalcanin.com.cn/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>
<a href="https://royalcanin.com.cn/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>
<a href="https://royalcanin.com.cn/about" class="rc-list__link" role="menuitem">我们的价值观</a>
</li>
<!--
<li class="rc-list__item">
@ -196,74 +191,74 @@
<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" />
<img class="rc-padding--sm" src="/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>
<a href="https://royalcanin.com.cn/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>
<a href="https://royalcanin.com.cn/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>
<a href="https://royalcanin.com.cn/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>
<a href="https://royalcanin.com.cn/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>
<a href="https://royalcanin.com.cn/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>
<a href="https://royalcanin.com.cn/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>
<a href="https://royalcanin.com.cn/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>
<a href="https://royalcanin.com.cn/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>
<a href="https://royalcanin.com.cn/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>
<a href="https://royalcanin.com.cn/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>
<a href="https://royalcanin.com.cn/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>
<a href="https://royalcanin.com.cn/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>
<a href="https://royalcanin.com.cn/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>
<a href="https://royalcanin.com.cn/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>
@ -275,16 +270,16 @@
</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>
<a href="https://royalcanin.com.cn/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>
<a href="https://royalcanin.com.cn/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>
<a href="https://royalcanin.com.cn/about#growth-phase1" class="rc-list__link ca" role="menuitem" title="Our history">我们的历史</a>
</li>
<!--
<li class="rc-list__item">
@ -311,15 +306,10 @@
<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 class="rc-list__link rc-icon rc-email--xs rc-iconography--xs" role="menuitem" href="https://royalcanin.com.cn/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">
微博
@ -349,47 +339,19 @@
</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 {
data() {
return {
headerScroll:false,
loginornot:true,//用户是否登录提示点
usermessage:null,//存储用户信息
};
},
created(){
},
mounted() {
//判断用户有无登录显示红点
let usernot=JSON.parse(localStorage.getItem("userInfo"));
@ -401,11 +363,45 @@ export default {
this.loginornot=false
this.usermessage=usernot;
}
//debugger;
if(isInitialized)
location.reload();
if(!isInitialized)
isInitialized=true;
//console.log(this.loginornot);
/*
if(RCDL && RCDL.utilities && RCDL.navigation && RCDL.navigation.rebuild)
{
if (["sm", "xs", "md-1"].includes(RCDL.utilities.breakpoints.values.width.current)) {
this.refreshMobileNav();
}
else
{
this.refreshDesktopNav();
}
}
*/
},
methods: {
refreshDesktopNav:function(){
RCDL.navigation.currentState=null;
RCDL.navigation.rebuild();
},
refreshMobileNav:function(){
let itemGroupList=document.querySelectorAll("nav[data-toggle-group=mobile] .rc-list--align[role=menu]");
itemGroupList.forEach(function(ele,i){
if(ele.className.indexOf("rc-expand--horizontal")<0 && ele.className.indexOf("rc-btn-offset--top")<0)
{
if(ele.id.indexOf("nav-list")>=0)
ele.classList.add("rc-expand--horizontal");
else if(ele.id.indexOf("nav-footer")>=0)
ele.classList.add("rc-expand--vertical");
}
})
},
bindTracking: function(){
//console.log('bindTracking');
},

72
rc-busness/components/rc-footer.vue
View File

@ -1,69 +1,55 @@
<template>
<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-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>
<a href="https://royalcanin.com.cn/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>
<a href="https://royalcanin.com.cn/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>
<a href="https://royalcanin.com.cn/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>
<a href="https://royalcanin.com.cn/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>
<a href="https://royalcanin.com.cn/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 href="https://royalcanin.com.cn/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>
<a href="https://royalcanin.com.cn/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>
<a href="https://royalcanin.com.cn/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>
<a href="https://royalcanin.com.cn/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>
<a href="https://royalcanin.com.cn/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 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">
@ -75,15 +61,15 @@
</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 href="https://royalcanin.com.cn/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>
<a href="https://royalcanin.com.cn/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>
<a href="https://royalcanin.com.cn/about" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Our values">我们的价值观</a>
</li>
</ul>
@ -98,9 +84,11 @@
<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 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>
@ -144,15 +132,15 @@
<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='/images/ico-weibo.png'>
<img src="../assets/showimage/ico-weibo.png">
</a>
<a href="https://www.zhihu.com/org/huang-jia-chong-wu-shi-pin" target='_blank' class="rc-img--round rc-img--round--sm rc-margin-right--xs">
<img src='/images/ico-zhihu.png'>
<img src="../assets/showimage/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='/images/ico-bilibili.png'>
<img src="../assets/showimage/ico-bilibili.png">
</a>
</p>
</div>
@ -171,7 +159,7 @@
<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="/images/qrcode-chanpin.jpg">
<img src="../assets/showimage/qrcode-chanpin.jpg">
<span>
产品验证
</span>
@ -180,7 +168,7 @@
<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="/images/qrcode-aichong.jpg">
<img src="../assets/showimage/qrcode-aichong.jpg">
<span>
皇家爱宠荟会员中心
</span>
@ -188,7 +176,7 @@
</div>
<div class="rc-column ts-qr-container rc-text--center">
<img src="/images/qrcode-royal-elite.jpg">
<img src="../assets/showimage/qrcode-royal-elite.jpg">
<span class='rc-text-center'>
皇家兽医精英荟
</span>
@ -196,7 +184,7 @@
<div class="rc-column ts-qr-container rc-text--center">
<a href="https://v.douyin.com/e12mtGA/" target='_blank'>
<img src="/images/qrcode-douyin.jpg">
<img src="../assets/showimage/qrcode-douyin.jpg">
<span>
皇家宠物食品抖音官方账号
</span>
@ -215,9 +203,9 @@
<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='https://royalcanin.com.cn/#privacy'><span class="">隐私声明</span></a>
&nbsp; | &nbsp;
<a target='_blank' href='#declaration'><span class="">法律声明</span></a>
<a target='_blank' href='https://royalcanin.com.cn/declaration'><span class="">法律声明</span></a>
</div>
</div>

15
rc-busness/nuxt.config.js
View File

@ -1,5 +1,5 @@
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/";';
const assetsUrl = 'var assetsUrl="/royalcanin-cdn-assets-new/css_js/";var isInitialized=false;';
export default {
// Global page headers: https://go.nuxtjs.dev/config-head
@ -23,7 +23,7 @@ export default {
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1,target-densitydpi =1' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no' },
{ hid: 'description', name: 'description', content: '' },
{ name: 'format-detection', content: 'telephone=no' }
],
@ -38,8 +38,10 @@ export default {
css: [
'vant/lib/index.css',
'element-ui/lib/theme-chalk/index.css',
'@/assets/style/default.less',
{ src:'@/assets/css/global.less'},
{ src:'@/assets/css/royalcanin-custom.css'},
{ src: "swiper/css/swiper.css" }
],
@ -50,8 +52,8 @@ export default {
// Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
plugins: [
'@/plugins/vant',
'@/plugins/swiper',
'@/plugins/ElementUI',
{ src: "~/plugins/swiper.js", ssr: false },
{ src: '@/plugins/localStorage', ssr: false },
@ -73,14 +75,11 @@ export default {
],
styleResources: {
less: '@/assets/style/less/default.less' // less文件路径
less: '/assets/style/default.less' // less文件路径
},
// Build Configuration: https://go.nuxtjs.dev/config-build
build: {
analyze: true,
assetFilter: function(assetFilename) {
return assetFilename.endsWith('.js');
}
analyze: true, assetFilter: function (assetFilename) { return assetFilename.endsWith('.js'); },
},
// axios: {
// proxy: true,

6
rc-busness/package.json
View File

@ -16,17 +16,19 @@
},
"dependencies": {
"@nuxtjs/axios": "^5.13.6",
"amfe-flexible": "^2.2.1",
"core-js": "^3.15.1",
"element-ui": "^2.15.6",
"ip": "^1.1.5",
"less": "^4.1.2",
"less-loader": "^6.0.0",
"nuxt": "^2.15.7",
"nuxt-tailvue": "^1.0.95",
"qrcodejs2": "^0.0.2",
"swiper": "^5.4.5",
"vant": "^2.12.22",
"vue-awesome-swiper": "^4.1.1",
"vuex-persistedstate": "^4.1.0",
"vue-awesome-swiper": "^4.1.1"
"swiper":"^5.4.5"
},
"devDependencies": {
"@vant/area-data": "^1.1.5",

BIN
rc-busness/static/images/banner/pc-banner1.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 117 KiB

After

Width:  |  Height:  |  Size: 134 KiB

BIN
rc-busness/static/images/banner/pc-banner2.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 136 KiB

After

Width:  |  Height:  |  Size: 300 KiB

BIN
rc-busness/static/images/banner/pc-banner3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 154 KiB

BIN
rc-busness/static/images/banner/pc-banner4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 94 KiB

BIN
rc-busness/static/images/cat/star-1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 83 KiB

BIN
rc-busness/static/images/cat/star-2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 41 KiB

BIN
rc-busness/static/images/cat/star-3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
rc-busness/static/images/cat/star-4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

BIN
rc-busness/static/images/dog/big.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

BIN
rc-busness/static/images/dog/medium.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

BIN
rc-busness/static/images/dog/small.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

BIN
rc-busness/static/images/dog/star-1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 57 KiB

BIN
rc-busness/static/images/dog/star-2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 41 KiB

BIN
rc-busness/static/images/dog/star-3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

BIN
rc-busness/static/images/dog/star-4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
rc-busness/static/images/dog/two.mp4
View File

Binary file not shown.