xinyin025/smart-admin
1
0
Fork 0
mirror of https://gitee.com/lab1024/smart-admin.git synced 2025-10-02 02:06: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

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

@ -31,13 +31,13 @@ export const courselist = (offset, courseId, type, sort, selectScreen = []) => {
courseId, courseId,
selectScreenStr selectScreenStr
} }
return fetch( '/api/courselist', data) return fetch('/api/courselist', data)
} }
/** /**
* 获取课程详情 * 获取课程详情
*/ */
export const getDetail = (id) => { export const getDetail = (id) => {
fetch( '/api/courseDetail/index/' + id) fetch('/api/courseDetail/index/' + id)
} }
/** /**
@ -56,44 +56,40 @@ export const getleckCourse = (name, offset) => {
* 加入购物车 * 加入购物车
*/ */
export const postCourseId = (productCode,buyCount,memberId, mobile,productImg,productName,productPrice,specifications) => { export const postCourseId = (productCode, buyCount, memberId, mobile, productImg, productName, productPrice, specifications) => {
var data = { var data = {
buyCount:buyCount, buyCount: buyCount,
memberId: memberId, memberId: memberId,
mobile:mobile, mobile: mobile,
productCode:productCode, productCode: productCode,
productImg: productImg, productImg: productImg,
productName:productName, productName: productName,
productPrice:productPrice, productPrice: productPrice,
specifications:specifications specifications: specifications
} }
return fetch('/insertCartProductInfo', data,'POST') return fetch('/insertCartProductInfo', data, 'POST')
} }
/** /**
* 是否存在购物车 * 是否存在购物车
*/ */
export const isexistCart = (id, pet,address) => { export const isexistCart = (id) => {
var data = { var data = {
memberId: id,
} }
return fetch('getCartProductInfo?memberId='+id,data,'POST') return fetch('getCartProductInfo', data, 'POST')
} }
/** /**
* 删除购物车 * 删除购物车
*/ */
export const deleteCart = (memberId, productCode) => { export const deleteCart = (memberId, productCode) => {
var data = { return fetch('cancelCartProductInfo?memberId=' + memberId, productCode, 'POST')
memberId: memberId,
productCode:productCode
}
return fetch('cancelCartProductInfo',data,'POST')
} }
/** /**
* 购物车批量提交 * 购物车批量提交
*/ */
export const mostAddClass = (id) => { export const mostAddClass = (id) => {
return fetch('/api/mostAddClass/', {id}) return fetch('/api/mostAddClass/', { id })
} }
/** /**
* 删除购物车 * 删除购物车
@ -109,67 +105,68 @@ export const mostAddClass = (id) => {
/** /**
* 发送验证码 * 发送验证码
*/ */
export const sendMsg = (mobile, pet,address) => { export const sendMsg = (mobile, pet, address) => {
var data = { var data = {
phoneNumber:mobile, phoneNumber: mobile,
} }
return fetch('sendMsg', data, 'POST' ) return fetch('sendMsg', data, 'POST')
} }
/** /**
* 发送验证码数据 * 发送验证码数据
*/ */
export const vadatnmsg = (msgNum,hash,tamp) => { export const vadatnmsg = (msgNum, hash, tamp) => {
var data = { var data = {
msgNum:msgNum, msgNum: msgNum,
tamp:tamp, tamp: tamp,
hash:hash hash: hash
} }
return fetch('validateNum', data, 'POST' ) return fetch('validateNum', data, 'POST')
} }
/** /**
* 筛选标签 * 筛选标签
*/ */
export const userstype = (stype, pet,address) => { export const userstype = (stype, pet, address) => {
var data = { var data = {
petType:0, petType: 0,
} }
return fetch('productSearchTag/query?petType=' + 0, data, 'POST' ) return fetch('productSearchTag/query?petType=' + 0, data, 'POST')
} }
/** /**
* 登录 * 登录
*/ */
export const userLongin = (mobile, pet,address) => { export const userLongin = (mobile, pet, address) => {
var data = { var data = {
id:'', id: '',
mobile:mobile, mobile: mobile,
} }
return fetch('member?type=get', data, 'POST' ) return fetch('member?type=get', data, 'POST')
} }
//注册 //注册
export const useredit = (mobile, pet,address) => { export const useredit = (mobile, pet, address) => {
var data = { var data = {
mobile:mobile, mobile: mobile,
memberName:'', memberName: '',
realName:'', realName: '',
gender:'', gender: '',
email:'', email: '',
openId:'', openId: '',
unionId:'', unionId: '',
birthday:'', birthday: '',
provinceId:'', provinceId: '',
cityId:'', cityId: '',
districtId:'', districtId: '',
storeCode:'', storeCode: '',
remark:'', remark: '',
memberMark:'', memberMark: '',
remark:''
remark: ''
} }
return fetch('member?type=add', data, 'POST' ) return fetch('member?type=add', data, 'POST')
} }
//查询标品全部信息 //查询标品全部信息
// export const userquery = (mobile, pet,address) => { // export const userquery = (mobile, pet,address) => {
// var data = { // var data = {
// channelId:"15", // channelId:"15",
@ -183,10 +180,10 @@ export const userquery = (stype) => {
console.log(stype); console.log(stype);
var data = { var data = {
goodsName:stype goodsName: stype
} }
return fetch('goods?goodsName='+stype, data, 'POST' ) return fetch('goods?goodsName=' + stype, data, 'POST')
} }
//商品全部信息 //商品全部信息
export const userque = (stype) => { export const userque = (stype) => {
@ -194,59 +191,60 @@ export const userque = (stype) => {
console.log(stype); console.log(stype);
var data = { var data = {
} }
return fetch('goods', data, 'POST' ) return fetch('goods', data, 'POST')
} }
//标品全部信息 //标品全部信息
export const biaomessage = (stype,name) => { export const biaomessage = (stype,name,curPage,curRow) => {
console.log(stype); if(!curPage)
if(stype.length>1){ curPage=1;
console.log("========"); if(!curRow)
let list={}; curRow=10;
stype.map(item=>{ let queryTail='&page='+curPage+'&rows='+curRow;
console.log(item); if(stype.length>1){
list=item let list={};
}) stype.map(item=>{
var str = "?"; console.log(item);
for(var key in list){ list=item
str = str + key + "=" + list[key] + "&"; })
} var str = "?";
stype = str.substr(0,str.length-1); for(var key in list){
var data = { str = str + key + "=" + list[key] + "&";
page:1, }
row:10 stype = str.substr(0,str.length-1);
} return fetch('product/query'+stype+queryTail, '', 'POST' )
return fetch('product/query'+stype, data, 'POST' ) }else{
}else{ return fetch('product/query?petType='+stype+queryTail, '', 'POST' )
console.log('-=='); }
return fetch('product/query?petType='+stype,data, 'POST' )
}
} }
export const searchchanpin = (stype) => { export const searchchanpin = (stype,usertype,curPage,curRow) => {
console.log(stype,usertype);
if(!curPage)
curPage=1;
if(!curRow)
curRow=10;
let queryTail='&page='+curPage+'&rows='+curRow;
console.log(stype); console.log(stype);
let list={}; let list = {};
stype.map(item=>{ stype.map(item => {
console.log(item); console.log(item);
list=item list=item
}) })
var str = "?"; var str = "&";
for(var key in list){ for(var key in list){
str = str + key + "=" + list[key] + "&";
str = str + key + "=" + list[key] + "&";
}
str = str.substr(0,str.length-1);
var data = {
page:1,
row:10
} }
str = str.substr(0, str.length - 1);
return fetch('product/query'+ str, data, 'POST' ) var data = {
page: 1,
row: 10
}
return fetch('product/query?petType='+usertype+str+queryTail, data, 'POST' )
} }
@ -261,19 +259,19 @@ export const searchchanpin = (stype) => {
//查询订单 //查询订单
export const userindent = (phoneNumber,orderNumber,) => { export const userindent = (phoneNumber, orderNumber,) => {
var data = { var data = {
phoneNumber:'18112621098', phoneNumber: '18112621098',
orderNumber:orderNumber, orderNumber: orderNumber,
} }
return fetch('orderMaster/?type=query', data, 'POST' ) return fetch('orderMaster/?type=query', data, 'POST')
} }
//查询订单详情 //查询订单详情
export const userin = (orderNumber,) => { export const userin = (orderNumber,) => {
var data = { var data = {
orderNumber:orderNumber, orderNumber: orderNumber,
} }
return fetch('orderMaster/?type=query', data, 'POST' ) return fetch('orderMaster/?type=query', data, 'POST')
} }
@ -282,30 +280,36 @@ export const userin = (orderNumber,) => {
export const canceldanhao = (orderNumber) => { export const canceldanhao = (orderNumber) => {
var data = { var data = {
orderNumber:orderNumber, orderNumber: orderNumber,
} }
return fetch('cancelOrder/', data, 'POST' ) return fetch('cancelOrder/', data, 'POST')
} }
export const biaomessa = (stype) => { export const biaomessa = (stype) => {
console.log(stype); console.log(stype);
var data = { var data = {
name:stype, name: stype,
page:1, page: 1,
row:10 row: 10
} }
return fetch('product/query', data, 'POST' ) 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); console.log(stype);
var data = { var data = {
name:stype, name: stype,
rows:10, rows: 10,
page:1, page: 1,
} }
return fetch('product/query?name='+stype,data, 'POST' ) return fetch('product/query?petType='+usertype+username+queryTail,data, 'POST' )
} }
@ -314,9 +318,9 @@ export const biaome = (stype) => {
export const memberAccount = (stype) => { export const memberAccount = (stype) => {
console.log(stype); console.log(stype);
var data = { var data = {
memberId:stype memberId: stype
} }
return fetch('memberAccount?type=history', data, 'POST' ) return fetch('memberAccount?type=history', data, 'POST')
} }
@ -325,9 +329,9 @@ export const ordermaster = (stype) => {
console.log(stype); console.log(stype);
var data = { var data = {
memberId:'223782' memberId: '223782'
} }
return fetch('memberAccount', data, 'POST' ) return fetch('memberAccount', data, 'POST')
} }
//微信支付 //微信支付
@ -335,9 +339,9 @@ export const payOrderWX = (stype) => {
console.log(stype); console.log(stype);
var data = { var data = {
memberId:'223782' memberId: '223782'
} }
return fetch('memberAccount', data, 'POST' ) return fetch('memberAccount', data, 'POST')
} }
@ -346,9 +350,9 @@ export const payOrderWX = (stype) => {
export const insercar = (stype) => { export const insercar = (stype) => {
console.log(stype); console.log(stype);
var data = { var data = {
petType:stype petType: stype
} }
return fetch('product/insertCartProductInfo', data, 'POST' ) return fetch('product/insertCartProductInfo', data, 'POST')
} }
@ -356,25 +360,25 @@ export const insercar = (stype) => {
//查询猫狗商品信息 //查询猫狗商品信息
export const catquery = (productCode,type) => { export const catquery = (productCode, type) => {
console.log(productCode); console.log(productCode);
var data = { var data = {
petType:0 petType: 0
} }
return fetch('h5/product/query', data, 'POST' ) return fetch('h5/product/query', data, 'POST')
} }
//查询猫狗商品信息 //查询猫狗商品信息
export const dogquery = (productCode,type) => { export const dogquery = (productCode, type) => {
console.log(productCode); console.log(productCode);
var data = { var data = {
petType:1, petType: 1,
pet_type:0 pet_type: 0
} }
return fetch('h5/product/query', data, 'POST' ) return fetch('h5/product/query', data, 'POST')
} }
@ -386,10 +390,10 @@ export const oncequery = (productCode) => {
var data = { var data = {
productCode:productCode productCode: productCode
} }
return fetch( "goodsByProductCode?productCode="+productCode, data, 'POST' ) return fetch("goodsByProductCode?productCode=" + productCode, data, 'POST')
} }
@ -397,163 +401,173 @@ export const oncequery = (productCode) => {
export const goodsmessage = (productCode) => { export const goodsmessage = (productCode) => {
var data = { var data = {
productCode:productCode productCode: productCode
} }
return fetch( "productMaster/query?productCode="+productCode, data, 'POST' ) return fetch("productMaster/query?productCode=" + productCode, data, 'POST')
} }
//优惠券的插入 //优惠券的插入
export const inserdiscount = (mobile,couponId) => { export const inserdiscount = (mobile, couponId) => {
var data = { var data = {
mobile:mobile, mobile: mobile,
couponId:couponId couponId: couponId
}
return fetch('coupon?type=fetch', data, 'POST' )
} }
return fetch('coupon?type=fetch', data, 'POST')
}
//优惠券的查询 //优惠券的查询
export const getdiscount = (memberId,channelSecurity,mobile) => { export const getdiscount = (memberId, channelSecurity, mobile) => {
var data = { var data = {
memberId:memberId, memberId: memberId,
mobile:mobile mobile: mobile
}
return fetch('memberAddress?type=getAll', data, 'POST' )
}
//可用的优惠券
export const alldiscount = (memberId,channelSecurity,mobile) => {
var data = {
memberId:memberId,
}
return fetch('couponConfig?type=getAll', data, 'POST' )
}
//用户领取的优惠券
export const getdraw = (mobile,states) => {
var data = {
mobile:mobile,
status:states
}
return fetch('coupon?type=getAll', data, 'POST' )
}
//微信支付
export const generateOrderWX = (list) => {
var data = [{
}]
return fetch('generateOrderWX', list, 'POST' )
} }
//用户所有的优惠券 return fetch('memberAddress?type=getAll', data, 'POST')
export const allConfig = (memberId,channelSecurity,mobile) => { }
var data = {
}
return fetch('couponConfig?type=getAll', data, 'POST' )
}
//可用的优惠券
//用户领取优惠券 export const alldiscount = (memberId, channelSecurity, mobile) => {
export const getConfig = (memberId,couponId) => { var data = {
var data = { memberId: memberId,
memberId:memberId,
couponId:couponId,
}
return fetch('coupon?type=fetch', data, 'POST' )
}
//用户下的优惠券
export const userConfig = (memberId,couponId) => {
var data = {
memberId:memberId,
couponId:couponId,
}
return fetch('coupon?type=fetch', data, 'POST' )
}
//用户订单的查询
// export const customerorders = (memberId,channelSecurity,mobile) => {
// var data = {
// productName:'幼猫全价粮',
// buyCount:'2',
// productId:'210352',
// payAmount:'517',
// memberId:'844350',
// phoneNumber:'18112621098',
// }
// return fetch('generateOrderWX', data, 'POST' )
// }
//地址的查询
export const selectaddress = (memberId, pet,address) => {
var data = {
memberId:memberId,
}
return fetch('memberAddress?type=getAll', data, 'POST' )
} }
return fetch('couponConfig?type=getAll', data, 'POST')
}
//地址的添加 //id/详细地址/ 收货人姓名/收货人电话号码/省份id/城市id/区域编码 //用户领取的优惠券
export const editaddress = (memberId, detailAddress,recipient,tel,provinceId,cityId,districtId) => { export const getdraw = (mobile, states) => {
var data = { var data = {
memberId:844350, mobile: mobile,
provinceId:25, status: states
cityId:36,
districtId:418,
detailAddress:'古美路1455弄46号302',
recipient:'蒋缘缘2',
recipientPhone:'13671516167',
zipCode:'214423',
default:false,
}
return fetch('memberAddress?type=add', data, 'POST' )
} }
return fetch('coupon?type=getAll', data, 'POST')
}
//删除
export const editdelete = (memberId,ids) => {
var data = {
memberId:memberId,
ids:ids,
}
return fetch('memberAddress?type=delete', data, 'POST' )
}
//地址的编辑 //微信支付
export const editupdate = (mobile, pet,address) => { 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')
}
memberId:'3242', //用户所有的优惠券
id:'620111', export const allConfig = (memberId, channelSecurity, mobile) => {
provinceId:'', var data = {
cityId:'', }
districtId:'', return fetch('couponConfig?type=getAll', data, 'POST')
detailAddress:'江西省萍乡市', }
recipient:'刘佳敏',
recipientPhone:'13407998521',
zipCode:'', //用户领取优惠券
isDefault:'', export const getConfig = (memberId, couponId) => {
} var data = {
return fetch('memberAddress?type=update', data, 'POST' ) memberId: memberId,
} couponId: couponId,
}
return fetch('coupon?type=fetch', data, 'POST')
}
//用户下的优惠券
export const userConfig = (memberId, couponId) => {
var data = {
memberId: memberId,
couponId: couponId,
}
return fetch('coupon?type=fetch', data, 'POST')
}
//用户订单的查询
// export const customerorders = (memberId,channelSecurity,mobile) => {
// var data = {
// productName:'幼猫全价粮',
// buyCount:'2',
// productId:'210352',
// payAmount:'517',
// memberId:'844350',
// phoneNumber:'18112621098',
// }
// return fetch('generateOrderWX', data, 'POST' )
// }
//地址的查询
export const memberAddress = (type, data) => {
return fetch('memberAddress?type=' + type, data, 'POST')
}
//地址的查询
export const selectaddress = (memberId, pet, address) => {
var data = {
memberId: memberId,
}
return fetch('memberAddress?type=getAll', data, 'POST')
}
//地址的添加 //id/详细地址/ 收货人姓名/收货人电话号码/省份id/城市id/区域编码
export const editaddress = (memberId, detailAddress, recipient, tel, provinceId, cityId, districtId) => {
var data = {
memberId: 844350,
provinceId: 25,
cityId: 36,
districtId: 418,
detailAddress: '古美路1455弄46号302',
recipient: '蒋缘缘2',
recipientPhone: '13671516167',
zipCode: '214423',
default: false,
}
return fetch('memberAddress?type=add', data, 'POST')
}
//删除
export const editdelete = (memberId, ids) => {
var data = {
memberId: memberId,
ids: ids,
}
return fetch('memberAddress?type=delete', data, 'POST')
}
//地址的编辑
export const editupdate = (mobile, pet, address) => {
var data = {
memberId: '3242',
id: '620111',
provinceId: '',
cityId: '',
districtId: '',
detailAddress: '江西省萍乡市',
recipient: '刘佳敏',
recipientPhone: '13407998521',
zipCode: '',
isDefault: '',
}
return fetch('memberAddress?type=update', data, 'POST')
}
//修改密码 //修改密码
export const userchange = (id, pet,address) => { export const userchange = (id, pet, address) => {
var data = { var data = {
id:id, id: id,
} }
return fetch('member?type=update', data, 'POST' ) return fetch('member?type=update', data, 'POST')
} }

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

@ -1,8 +1,6 @@
@media screen and (max-width:768px){ @media screen and (max-width:768px){
.allmain{ .allmain{
.rc-top{
margin-top: 2.5rem;
}
} }
.active { .active {
@ -29,7 +27,7 @@
display: block; display: block;
margin-left: 32px; margin-left: 32px;
font-weight: bold; font-weight: bold;
cursor: pointer;
} }
span:first-child { span:first-child {
margin-left: 0; margin-left: 0;
@ -134,7 +132,7 @@ margin-top: 8px;
} }
.rc-footer { .rc-footer {
display: flex; display: flex;
align-items:flex-end align-items:flex-end;
span { span {
width: 72px; width: 72px;
height: 25px; height: 25px;
@ -154,11 +152,11 @@ margin-top: 8px;
} }
@media screen and (min-width: 769px){ @media screen and (min-width: 769px){
.online{
margin-top: 30px;
}
.allmain{ .allmain{
.rc-top{
margin-top: 1.5rem;
}
.rs-dis{ .rs-dis{
display: flex; display: flex;
flex-flow: wrap; flex-flow: wrap;
@ -166,6 +164,7 @@ margin-top: 8px;
} }
} }
.active { .active {
font-size: 14px; font-size: 14px;
color: #E2001A; color: #E2001A;
@ -192,6 +191,7 @@ margin-top: 8px;
margin-left: 40px; margin-left: 40px;
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
cursor: pointer;
} }
span:first-child { span:first-child {
@ -275,6 +275,7 @@ margin-top: 8px;
justify-content: end; justify-content: end;
padding-right: 17px; padding-right: 17px;
margin-bottom: 8px; margin-bottom: 8px;
float: right;
} }
.ts-standard-btn{ .ts-standard-btn{

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

@ -1,10 +1,69 @@
/*Body*/ /*Body*/
html,body{height:100%;}
body{ body{
font-family: DINPro,'PingFang SC',miui,'Hiragino Sans GB','Microsoft Yahei',sans-serif; font-family: DINPro,'PingFang SC',miui,'Hiragino Sans GB','Microsoft Yahei',sans-serif;
line-height: 1.5; line-height: 1.5;
color: #666; 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{ .rc-screen-reader{
width: 0.81rem; width: 0.81rem;
@ -39,8 +98,7 @@ img, picture {
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-evenly; justify-content: space-evenly;
&:after{ &:after{
content:"";
width:154px;
} }
li{ li{
border: 1px solid #D7D7D7; border: 1px solid #D7D7D7;
@ -130,13 +188,14 @@ img, picture {
height: 100%; height: 100%;
background: #333333; background: #333333;
opacity: 0.6; opacity: 0.6;
position: absolute; position: fixed;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
z-index: 8; z-index: 8;
} }
.ts-scrollable-container{ .ts-scrollable-container{
display: flex; display: flex;
align-items: center;
h2{ h2{
margin:0; margin:0;
display: flex; display: flex;
@ -151,12 +210,9 @@ img, picture {
flex-wrap: nowrap; flex-wrap: nowrap;
text-align: center; text-align: center;
width: 86%; width: 86%;
&::-webkit-scrollbar{
display:none;
}
li{ li{
border-radius: 100px; border-radius: 100px;
flex-shrink: 0; flex-shrink:0;
} }
} }
.active{ .active{
@ -191,13 +247,12 @@ img, picture {
right: 0; right: 0;
top: 30%; top: 30%;
background: #FFFFFF; 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; border-radius: .25rem;
z-index:3; z-index:3;
ul{ ul{
width: 60px; width: 60px;
height: 181px; height: 181px;
box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
background-color: white; background-color: white;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -236,7 +291,6 @@ img, picture {
max-width: 460px; max-width: 460px;
margin-left: auto!important; margin-left: auto!important;
margin-right: auto!important; margin-right: auto!important;
box-shadow:unset;
} }
.ts-standard-input{ .ts-standard-input{
@ -286,9 +340,7 @@ img, picture {
margin-top: 90px; margin-top: 90px;
} }
.rc-list__header { .rc-list__header {
background: none;
padding: .5rem 0;
border-bottom: none;
} }
.ts-right-arr { .ts-right-arr {
border-bottom:1px solid #E1001A; border-bottom:1px solid #E1001A;
@ -341,12 +393,16 @@ img, picture {
} }
.ts-scrollable{ .ts-scrollable{
li{ li{
width: 4.125rem; // width: 4.125rem;
padding: 0 0.62rem;
height: 1.625rem; height: 1.625rem;
margin-left: .5rem; margin-left: .5rem;
font-size:.75rem; font-size:.75rem;
line-height: 1.375rem; line-height: 1.375rem;
} }
&::-webkit-scrollbar{
display:none;
}
} }
} }
@ -364,24 +420,37 @@ img, picture {
font-size:16px; font-size:16px;
} }
.rc-top{ .rc-top{
margin-top: 150px; margin-top: 124px;
} }
.ts-product-list{ .ts-product-list{
text-align: left; text-align: left;
display:block; display:block;
li{ li{
max-width:20rem; max-width:20rem;
margin-right:.9rem; min-width:18.75rem;
margin-left:.9rem; width:22.8vw;
//margin-right:.875rem;
margin-left:2vw;
padding-left:1px;
padding-right:1px;
box-sizing: border-box;
.rc-column{ .rc-column{
span{ span{
font-size:1.875rem; font-size:1.875rem;
height: 5.2rem; height: 5.2rem;
} }
} }
&:nth-child(4n+1){
margin-left:0;
}
&:nth-child(4n){
//margin-right:0;
}
} }
img{ img{
width:20rem; width:100%;
max-width:320px;
min-width:160px;
} }
} }
.ts-right-arr { .ts-right-arr {
@ -486,17 +555,40 @@ img, picture {
} }
h2{ h2{
font-size:20px; font-size:20px;
padding-bottom:1rem;
} }
.ts-scrollable .ts-scrollable
{ {
padding-bottom:1rem;
scrollbar-width: thin;
li li
{ {
margin-left: 40px; margin-left: 30px;
width: 8.125rem; width: 8.125rem;
height: 2.5rem; height: 2.5rem;
line-height: 40px; //line-height: 40px;
font-size: .875rem; 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; 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;
}
}
}

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

@ -5,17 +5,95 @@
/deep/.van-swipe__indicator--active{ /deep/.van-swipe__indicator--active{
background-color: #E1001A; 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){ @media screen and (max-width:768px){
.ul-dog{ .ul-dog{
display: none; justify-content: space-evenly;
img{
width:4rem;
height:auto;
}
li{
margin-top:1.875rem;
}
} }
.searchBara{ .ts-banner-swiper-container{
position: fixed; margin-bottom:2.5rem;
}
.searchBara{
width: 100%; width: 100%;
position: fixed; position: fixed;
top:66px; top:3.75rem;
background: white; background: white;
z-index: 9999; z-index: 60;
overflow-x: auto; overflow-x: auto;
white-space: nowrap; white-space: nowrap;
overflow-y:hidden; overflow-y:hidden;
@ -24,26 +102,22 @@
display: block; display: block;
} }
img{ img{
width: 0.64rem; width: 4rem;
height: 0.64rem; height: 4rem;
display: block; display: block;
} }
li{ li{
display: inline-block; display: inline-block;
margin-left: 0.20rem; margin-left: 0.20rem;
width: 0.64rem;
text-align: center; text-align: center;
height: 0.64rem;
background: #F6F6F6;
border-radius: 50%; border-radius: 50%;
opacity: 1; opacity: 1;
} }
} }
.rc-login{
.rc-login{ width: 92%;
width: 92%; margin:0 auto;
margin:0 auto; }
}
.userunlogin{ .userunlogin{
width: 100%; width: 100%;
height: 0.60rem; height: 0.60rem;
@ -73,9 +147,6 @@
} }
} }
.van-swipe{
z-index: 2;
}
.rc-usermessage{ .rc-usermessage{
span{ span{
font-size: 1rem; font-size: 1rem;
@ -92,12 +163,13 @@
object-fit: cover; object-fit: cover;
} }
.van-swipe{
z-index: 2;
}
.van-swipe-item { .van-swipe-item {
color: #fff; color: #fff;
height: 26.31rem;
width: 100%; width: 100%;
font-size: 0.20px; font-size: 0.20px;
line-height: 1.50rem;
text-align: center; text-align: center;
position: relative; position: relative;
} }
@ -145,12 +217,10 @@
.uservideo{ .uservideo{
width: 100%; width: 100%;
height:auto; height:auto;
max-height: 15.68rem;
display: block; display: block;
overflow:hidden;
video{ video{
width:100%; max-width:100%;
height:100%; max-height:100%;
} }
} }
} }
@ -166,7 +236,7 @@
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: flex-start;
align-items: center; align-items: center;
} }
img{ img{
@ -183,6 +253,7 @@
margin-top: 1.25rem; margin-top: 1.25rem;
} }
p{ p{
color: #666666;
font-size: .875rem; font-size: .875rem;
text-overflow: -o-ellipsis-lastline; text-overflow: -o-ellipsis-lastline;
overflow: hidden; overflow: hidden;
@ -261,12 +332,7 @@
li{ li{
display: inline-block; display: inline-block;
margin-left: 1.25rem; margin-left: 1.25rem;
width: 4rem;
text-align: center; 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{ // .usermain{
// display: none; // display: none;
// } // }
}
.active {
font-size: 0.14rem;
img{
border-width: 1px;
}
}
.unactive {
font-size: 0.14rem;
img{
border-width: 1px;
}
} }
@ -304,20 +369,26 @@
.rc-selection{ .rc-selection{
display: none; display: none;
} }
.sw-center{ .sw-center{
display: none; display: none;
} }
.useraimg{ .useraimg{
width: 100%; width: 100%;
// height: 29.31rem; // height: 29.31rem;
object-fit: cover; object-fit: cover;
} }
.ts-banner-swiper-container{
position:relative;
.ts-carousel-indicator{
position:absolute;
bottom:.4rem;
}
}
.van-swipe-item { .van-swipe-item {
color: #fff; color: #fff;
height: 100%; height: 100%;
width: 100%; width: 100%;
font-size: 1.25rem; font-size: 1.25rem;
line-height: 9.375rem;
text-align: center; text-align: center;
@ -331,15 +402,12 @@ object-fit: cover;
#xxxFullScreen { #xxxFullScreen {
background-color: white; background-color: white;
// margin-top: 100px; // margin-top: 100px;
#swiper1 { #swiper1,#swiper2 {
width: 100%;
overflow: hidden; overflow: hidden;
margin-top: 2.31rem; margin-top: 2.31rem;
}
h2{ h2{
padding-bottom: 5rem; padding-bottom: 5rem;
}
} }
.swiper-container2 { .swiper-container2 {
@ -348,10 +416,10 @@ object-fit: cover;
// overflow: visible !important; // overflow: visible !important;
position: relative; position: relative;
} }
#swiper1 .swiper-container .swiper-wrapper .swiper-slide { #swiper1 .swiper-container .swiper-wrapper .swiper-slide {
width: 100%; width: 100%;
//height: 6.18rem; //height: 6.18rem;
} }
/* 上一张 */ /* 上一张 */
#swiper1 .swiper-container .swiper-wrapper .swiper-slide-prev { #swiper1 .swiper-container .swiper-wrapper .swiper-slide-prev {
@ -414,35 +482,33 @@ object-fit: cover;
margin-top: 1rem; margin-top: 1rem;
} }
} }
.uservideo{ .uservideo{
width: 35rem; width: 35rem;
height: 31.6rem; height: 31.6rem;
display: block; display: block;
border: 1px solid red; }
.userleft{
} position: absolute;
.userleft{ top: 50%;
position: absolute; left:0;
top: 50%; margin-top: -.72rem;
left:0; img{
margin-top: -.72rem; width: .69rem;
img{ height: 1.38rem;
width: .69rem; display: block;
height: 1.38rem; }
display: block; }
} .userright{
} position: absolute;
.userright{ top: 50%;
position: absolute; right:0;
top: 50%; margin-top: -.72rem;
right:0; img{
margin-top: -.72rem; width: .69rem;
img{ height: 1.375rem;
width: .69rem; display: block;
height: 1.375rem; }
display: block; }
}
}
} }
} }
@ -486,7 +552,7 @@ img{
.rc-ma .rc-ma
{ {
.rc-margin-y--xl{ .rc-margin-y--xl{
//margin-bottom: 1.88rem; margin-bottom: 1.88rem;
} }
// padding:60px 0; // padding:60px 0;
@ -497,23 +563,22 @@ img{
flex-wrap: wrap; flex-wrap: wrap;
flex-direction: row; flex-direction: row;
span{ span{
margin-top: 2.5rem; margin-top: 1vw;
display: block; display: block;
} }
img{ img{
width: 9.5rem; width:100%;
height: 9.5rem; height: auto;
object-fit: contain;
display: block; display: block;
} }
li{ li{
width: 10vw;
max-width:11rem;
cursor: pointer; cursor: pointer;
font-size: 16px; font-size: 16px;
width: 9.875rem;
text-align: center; text-align: center;
height: 9.875rem; overflow:hidden;
background: #F6F6F6;
border-radius: 50%;
margin-left:1.25rem;
} }
} }
@ -528,35 +593,7 @@ img{
} }
.usermain{ .usermain{
margin-top: 2.5rem;
padding-bottom: 2.82rem;
.ul-dog{
width: 100%;
display: flex;
justify-content: center;
flex-wrap: wrap;
flex-direction: row;
span{
margin-top: 2.5rem;
display: block;
}
img{
width: 9.5rem;
height: 9.5rem;
display: block;
}
li{
cursor: pointer;
font-size: 16px;
width: 9.875rem;
text-align: center;
height: 9.875rem;
background: #F6F6F6;
border-radius: 50%;
margin-left:3rem;
}
}
} }
.rc-main{ .rc-main{
width: 100%; width: 100%;
@ -596,17 +633,18 @@ margin-left: 2.5rem;
} }
} }
} }
.active { .active {
font-size: 1rem; font-size: 1rem;
border: 3px solid red; img{
color: red; border-width: 3px;
}
} }
.unactive { .unactive {
font-size: 1rem; font-size: 1rem;
color: #444444; img{
border: 1px solid #D7D7D7; border-width: 1px;
} }
}
.rc-maa{ .rc-maa{
ul{ ul{
width: 100%; width: 100%;
@ -638,15 +676,12 @@ border-radius: 50%;
} }
.userselection { .userselection {
font-size: 0.16rem; font-size: 0.16rem;
color: #E2001A;
color: #E2001A; }
}
.unselection { .unselection {
font-size: 0.16rem; font-size: 0.16rem;
} }
.rc-usermessage{ .rc-usermessage{
span{ 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;
}
}
}

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

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

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

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

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

@ -8,9 +8,6 @@ ul li ol li em strong i {
.rc-center{ .rc-center{
overflow:hidden; overflow:hidden;
} }
.r-block{
border-radius:.25rem;
}
//手机端 //手机端
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.ts-mypersonal{ .ts-mypersonal{
@ -253,7 +250,6 @@ ul li ol li em strong i {
width: 440px; width: 440px;
height: 652px; height: 652px;
} }
.ts-mypersonal{ .ts-mypersonal{
margin-left:0; margin-left:0;
.rc-column{ .rc-column{
@ -261,7 +257,6 @@ ul li ol li em strong i {
padding-right:0; padding-right:0;
} }
} }
.online{ .online{
margin:40px auto; margin:40px auto;
} }
@ -387,16 +382,16 @@ ul li ol li em strong i {
background: #008900; background: #008900;
} }
.ts-point-tag{ .ts-point-tag{
background:url("../image/img-pointBg.png") no-repeat center top; background:url("../image/img-pointBg.png") no-repeat center top;
background-size:contain; background-size:contain;
height:2.375rem; height:2.375rem;
width:3.625rem; width:3.625rem;
text-align:center; text-align:center;
position:absolute; position:absolute;
font-size:.875rem; font-size:.875rem;
line-height:2rem; line-height:2rem;
left:0; left:0;
top:-2.6rem; top:-2.6rem;
} }
} }
.rc-value{ .rc-value{

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

@ -11,14 +11,36 @@ ul li ol li em strong i {
.usersearch { .usersearch {
margin: 0 auto; margin: 0 auto;
overflow: hidden; overflow: hidden;
} }
//rc-main end //rc-main end
} }
//手机端 //手机端
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.usercontentshow{ .usercontentshow{
position: relative; 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;} .online{height:.08rem;}
.rc-mubu{ .rc-mubu{
@ -93,6 +115,25 @@ ul li ol li em strong i {
height: 16px; 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端 //pc端
@media screen and (min-width: 768px){ @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 { /deep/.el-dialog {
width: 920px; width: 920px;
height: 570px; 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%;
}
}
} }

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

File diff suppressed because it is too large Load Diff

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

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

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

@ -58,11 +58,6 @@
</span> </span>
</button> </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"> <button data-js-trigger="search-bar" @click='searchturn' evt-name='页内弹窗' evt-cat='headerBtnClick' evt-val='全文搜索' class="rc-btn rc-btn--icon rc-icon rc-search--xs rc-iconography rc-interactive" aria-label="Search" role="menuitem" data-click-modifier=".rc-hidden">
<span class="rc-screen-reader-text">translations.feature.headerbar.search</span> <span class="rc-screen-reader-text">translations.feature.headerbar.search</span>
</button> </button>
@ -75,16 +70,16 @@
<div class="rc-container"> <div class="rc-container">
<ul class="rc-list rc-list--blank rc-list--inline rc-list--align rc-header__center"> <ul class="rc-list rc-list--blank rc-list--inline rc-list--align rc-header__center">
<li class="rc-list__item"> <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>
<li class="rc-list__item"> <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>
<li class="rc-list__item"> <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>
<li class="rc-list__item"> <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> </li>
</ul> </ul>
<div class="submenu rc-layout-container rc-one-column rc-margin--none rc-xl-up"> <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"> <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"> <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"> <ul class="rc-list rc-list--blank rc-list--align test" role="menu">
<li class="rc-list__item"> <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>
<li class="rc-list__item"> <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>
<li class="rc-list__item"> <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>
<li class="rc-list__item"> <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>
<li class="rc-list__item"> <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> </li>
</ul> </ul>
</li> </li>
<li class="rc-list__item rc-list__item--group"> <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"> <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"> <ul class="rc-list rc-list--blank rc-list--align test" role="menu">
<li class="rc-list__item"> <li class="rc-list__item">
<a href="#dogs/products" class="rc-list__link" role="menuitem">产品</a> <a href="#dogs/products" class="rc-list__link" role="menuitem">产品</a>
</li> </li>
<li class="rc-list__item"> <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>
<li class="rc-list__item"> <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>
<li class="rc-list__item"> <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>
<li class="rc-list__item"> <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> </li>
</ul> </ul>
</li> </li>
<li class="rc-list__item rc-list__item--group"> <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"> <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"> <ul class="rc-list rc-list--blank rc-list--align test" role="menu">
<li class="rc-list__item"> <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>
@ -148,13 +143,13 @@
</li> </li>
<li class="rc-list__item rc-list__item--group"> <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"> <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"> <ul class="rc-list rc-list--blank rc-list--align test" role="menu">
<li class="rc-list__item"> <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>
<li class="rc-list__item"> <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>
<!-- <!--
<li class="rc-list__item"> <li class="rc-list__item">
@ -196,74 +191,74 @@
<section class="rc-max-width--xl"> <section class="rc-max-width--xl">
<div class="rc-column rc-lg-up rc-padding--lg"> <div class="rc-column rc-lg-up rc-padding--lg">
<h1 class="rc-gamma rc-padding-x--md">帮助猫狗过最健康的生活。</h1> <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> </div>
<nav class="rc-nav rc-hidden" data-toggle-group="mobile" data-toggle-effect="rc-expand--horizontal" data-js-target="mobile-push-nav"> <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-layout-container rc-three-column">
<div class="rc-column rc-double-width rc-padding-x--none--mobile rc-padding-right--none"> <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"> <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"> <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"> <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"> <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> <button class="rc-list__link rc-icon rc-left--xs rc-iconography" data-toggle="nav-list-1" role="button">返回</button>
</li> </li>
<li class="rc-list__item rc-md-down"> <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>
<li class="rc-list__item"> <li class="rc-list__item">
<a href="#cats/products" class="rc-list__link ca" role="menuitem" title="Products">产品</a> <a href="#cats/products" class="rc-list__link ca" role="menuitem" title="Products">产品</a>
</li> </li>
<li class="rc-list__item"> <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>
<li class="rc-list__item"> <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>
<li class="rc-list__item"> <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>
<li class="rc-list__item"> <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> </li>
</ul> </ul>
</li> </li>
<li class="rc-list__item rc-list__item--group"> <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"> <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"> <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> <button class="rc-list__link rc-icon rc-left--xs rc-iconography" data-toggle="nav-list-2" role="button">返回</button>
</li> </li>
<li class="rc-list__item rc-md-down"> <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>
<li class="rc-list__item"> <li class="rc-list__item">
<a href="#dogs/products" class="rc-list__link ca" role="menuitem" title="Products">产品</a> <a href="#dogs/products" class="rc-list__link ca" role="menuitem" title="Products">产品</a>
</li> </li>
<li class="rc-list__item"> <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>
<li class="rc-list__item"> <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>
<li class="rc-list__item"> <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>
<li class="rc-list__item"> <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> </li>
</ul> </ul>
</li> </li>
<li class="rc-list__item rc-list__item--group"> <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"> <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"> <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> <button class="rc-list__link rc-icon rc-left--xs rc-iconography" data-toggle="nav-list-3" role="button">返回</button>
</li> </li>
<li class="rc-list__item rc-md-down"> <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>
<li class="rc-list__item"> <li class="rc-list__item">
<a href="#cats/products" class="rc-list__link ca" role="menuitem">猫系列</a> <a href="#cats/products" class="rc-list__link ca" role="menuitem">猫系列</a>
@ -275,16 +270,16 @@
</li> </li>
<li class="rc-list__item rc-list__item--group"> <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"> <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"> <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> <button class="rc-list__link rc-icon rc-left--xs rc-iconography" data-toggle="nav-list-4" role="button">返回</button>
</li> </li>
<li class="rc-list__item rc-md-down"> <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>
<li class="rc-list__item"> <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>
<!-- <!--
<li class="rc-list__item"> <li class="rc-list__item">
@ -311,15 +306,10 @@
<div class="rc-column rc-padding-x--none"> <div class="rc-column rc-padding-x--none">
<ul class="rc-list rc-list--blank rc-list--align rc-btn-offset--top" role="menu"> <ul class="rc-list rc-list--blank rc-list--align rc-btn-offset--top" role="menu">
<li class="rc-list__item"> <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> </a>
</li> </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"> <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 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> </section>
</div> </div>
<!-- Popup menu end--> <!-- Popup menu end-->
</div>
<!-- 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> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
headerScroll:false, headerScroll:false,
loginornot:true,//用户是否登录提示点 loginornot:true,//用户是否登录提示点
usermessage:null,//存储用户信息 usermessage:null,//存储用户信息
}; };
}, },
created(){
},
mounted() { mounted() {
//判断用户有无登录显示红点 //判断用户有无登录显示红点
let usernot=JSON.parse(localStorage.getItem("userInfo")); let usernot=JSON.parse(localStorage.getItem("userInfo"));
@ -401,11 +363,45 @@ export default {
this.loginornot=false this.loginornot=false
this.usermessage=usernot; this.usermessage=usernot;
} }
//debugger;
if(isInitialized)
location.reload();
if(!isInitialized)
isInitialized=true;
//console.log(this.loginornot); //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: { 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(){ bindTracking: function(){
//console.log('bindTracking'); //console.log('bindTracking');
}, },

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

@ -1,69 +1,55 @@
<template> <template>
<footer class="rc-bg-colour--interface-dark rc-padding-bottom--sm" role="contentinfo"> <footer class="rc-bg-colour--interface-dark rc-padding-bottom--sm" role="contentinfo">
<div class="rc-max-width--lg rc-scroll--y"> <div class="rc-max-width--lg rc-scroll--y">
<div class="footer-block1 rc-layout-container rc-five-column rc-padding-x--xs rc-border-colour--interface rc-md-up rc-padding-left--none">
<div class="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="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"> <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"> <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"> <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"> <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"> <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"> <li class="rc-list__item">
<a href="#cats/breeds" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Products">产品</a> <a href="#cats/breeds" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Products">产品</a>
</li> </li>
<li class="rc-list__item"> <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>
<li class="rc-list__item"> <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>
<li class="rc-list__item"> <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>
<li class="rc-list__item"> <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> </li>
</ul> </ul>
</li> </li>
<li class="rc-list__item rc-list__item--group" role="none"> <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> </a>
<ul class="rc-list rc-list--blank rc-list--align" id="nav-footer-2" aria-labelledby="nav-footer-top-2" role="menu"> <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"> <li class="rc-list__item">
<a href="#dogs/breeds" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Products">产品</a> <a href="#dogs/breeds" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Products">产品</a>
</li> </li>
<li class="rc-list__item"> <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>
<li class="rc-list__item"> <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>
<li class="rc-list__item"> <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>
<li class="rc-list__item"> <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> </li>
</ul> </ul>
</li> </li>
<li class="rc-list__item rc-list__item--group" role="none"> <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> </a>
<ul class="rc-list rc-list--blank rc-list--align" id="nav-footer-3" aria-labelledby="nav-footer-top-3" role="menu"> <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"> <li class="rc-list__item">
@ -75,15 +61,15 @@
</ul> </ul>
</li> </li>
<li class="rc-list__item rc-list__item--group" role="none"> <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> </a>
<ul class="rc-list rc-list--blank rc-list--align" id="nav-footer-4" aria-labelledby="nav-footer-top-4" role="menu"> <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"> <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>
<li class="rc-list__item"> <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> </li>
</ul> </ul>
@ -98,9 +84,11 @@
<div class="rc-layout-container rc-one-column rc-md-down"> <div class="rc-layout-container rc-one-column rc-md-down">
<div class="rc-column rc-padding-x--none"> <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>
-->
<a class="rc-btn rc-btn--inverse rc-btn--icon-label rc-icon rc-up--xs rc-brand3" role="menuitem" href="#"> <a class="rc-btn rc-btn--inverse rc-btn--icon-label rc-icon rc-up--xs rc-brand3" role="menuitem" href="#">
回到顶部 回到顶部
</a> </a>
@ -144,15 +132,15 @@
<div class="ts-row-body"> <div class="ts-row-body">
<p> <p>
<a href="https://weibo.com/chinaroyalcanin" target='_blank' class="rc-img--round rc-img--round--sm rc-margin-right--xs"> <a href="https://weibo.com/chinaroyalcanin" target='_blank' class="rc-img--round rc-img--round--sm rc-margin-right--xs">
<img src='/images/ico-weibo.png'> <img src="../assets/showimage/ico-weibo.png">
</a> </a>
<a href="https://www.zhihu.com/org/huang-jia-chong-wu-shi-pin" target='_blank' class="rc-img--round rc-img--round--sm rc-margin-right--xs"> <a href="https://www.zhihu.com/org/huang-jia-chong-wu-shi-pin" target='_blank' class="rc-img--round rc-img--round--sm rc-margin-right--xs">
<img src='/images/ico-zhihu.png'> <img src="../assets/showimage/ico-zhihu.png">
</a> </a>
<a href="https://space.bilibili.com/2136859062" target='_blank' class="rc-img--round rc-img--round--sm rc-margin-right--xs"> <a href="https://space.bilibili.com/2136859062" target='_blank' class="rc-img--round rc-img--round--sm rc-margin-right--xs">
<img src='/images/ico-bilibili.png'> <img src="../assets/showimage/ico-bilibili.png">
</a> </a>
</p> </p>
</div> </div>
@ -171,7 +159,7 @@
<div class="rc-four-column rc-layout-container"> <div class="rc-four-column rc-layout-container">
<div class="rc-column ts-qr-container rc-text--center"> <div class="rc-column ts-qr-container rc-text--center">
<a href="weixin://dl/business/?t=xjjEG3b5Ycu" target='_blank' onclick='return bindTracking(this,2000)' evt-name='页脚跳转' evt-cat='footerLinkClick' evt-val='产品验证'> <a href="weixin://dl/business/?t=xjjEG3b5Ycu" target='_blank' onclick='return bindTracking(this,2000)' evt-name='页脚跳转' evt-cat='footerLinkClick' evt-val='产品验证'>
<img src="/images/qrcode-chanpin.jpg"> <img src="../assets/showimage/qrcode-chanpin.jpg">
<span> <span>
产品验证 产品验证
</span> </span>
@ -180,7 +168,7 @@
<div class="rc-column ts-qr-container rc-text--center"> <div class="rc-column ts-qr-container rc-text--center">
<a href="weixin://dl/business/?t=BE1OA2AngRs" target='_blank' onclick='return bindTracking(this,2000)' evt-name='页脚跳转' evt-cat='footerLinkClick' evt-val='皇家爱宠荟会员中心'> <a href="weixin://dl/business/?t=BE1OA2AngRs" target='_blank' onclick='return bindTracking(this,2000)' evt-name='页脚跳转' evt-cat='footerLinkClick' evt-val='皇家爱宠荟会员中心'>
<img src="/images/qrcode-aichong.jpg"> <img src="../assets/showimage/qrcode-aichong.jpg">
<span> <span>
皇家爱宠荟会员中心 皇家爱宠荟会员中心
</span> </span>
@ -188,7 +176,7 @@
</div> </div>
<div class="rc-column ts-qr-container rc-text--center"> <div class="rc-column ts-qr-container rc-text--center">
<img src="/images/qrcode-royal-elite.jpg"> <img src="../assets/showimage/qrcode-royal-elite.jpg">
<span class='rc-text-center'> <span class='rc-text-center'>
皇家兽医精英荟 皇家兽医精英荟
</span> </span>
@ -196,7 +184,7 @@
<div class="rc-column ts-qr-container rc-text--center"> <div class="rc-column ts-qr-container rc-text--center">
<a href="https://v.douyin.com/e12mtGA/" target='_blank'> <a href="https://v.douyin.com/e12mtGA/" target='_blank'>
<img src="/images/qrcode-douyin.jpg"> <img src="../assets/showimage/qrcode-douyin.jpg">
<span> <span>
皇家宠物食品抖音官方账号 皇家宠物食品抖音官方账号
</span> </span>
@ -215,9 +203,9 @@
<div class="rc-column rc-text--center rc-padding-y--none"> <div class="rc-column rc-text--center rc-padding-y--none">
<span class="">法律声明 ©2021 ROYAL CANIN, Inc.</span> <span class="">法律声明 ©2021 ROYAL CANIN, Inc.</span>
<br/> <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; &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>
</div> </div>

35
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 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 { export default {
// Global page headers: https://go.nuxtjs.dev/config-head // Global page headers: https://go.nuxtjs.dev/config-head
@ -14,23 +14,23 @@ export default {
// { src: '/js/flexible.js', type: 'text/javascript', charset: 'utf-8'}, // { 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/14053/index.js' },
//{ src: 'https://ocstest.royalcanin.com.cn:8081/livechat/chatapp/customer/branch/RoyalCanin/14054/index.js' }, //{ src: 'https://ocstest.royalcanin.com.cn:8081/livechat/chatapp/customer/branch/RoyalCanin/14054/index.js' },
{ innerHTML: trackingScript, type: 'text/javascript', charset: 'utf-8'}, { innerHTML: trackingScript, type: 'text/javascript', charset: 'utf-8' },
{ innerHTML: assetsUrl, 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' }, { src: '/royalcanin-cdn-assets-new/css_js/royal-canin.min.bundle.js' },
], ],
__dangerouslyDisableSanitizers: ['script', 'innerHTML'], __dangerouslyDisableSanitizers: ['script', 'innerHTML'],
meta: [ meta: [
{ charset: 'utf-8' }, { 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: '' }, { hid: 'description', name: 'description', content: '' },
{ name: 'format-detection', content: 'telephone=no' } { name: 'format-detection', content: 'telephone=no' }
], ],
link: [ 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.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'}, //{ rel: 'stylesheet', id:'royal-canin' ,href: '/royalcanin-cdn-assets-new/css_js/royal-canin.styles.prefix.min.css?v=8-10-0'},
] ]
}, },
@ -38,8 +38,10 @@ export default {
css: [ css: [
'vant/lib/index.css', 'vant/lib/index.css',
'element-ui/lib/theme-chalk/index.css', 'element-ui/lib/theme-chalk/index.css',
{src:'@/assets/css/global.less'}, '@/assets/style/default.less',
{src:'@/assets/css/royalcanin-custom.css'}, { src:'@/assets/css/global.less'},
{ src:'@/assets/css/royalcanin-custom.css'},
{ src: "swiper/css/swiper.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 to run before rendering page: https://go.nuxtjs.dev/config-plugins
plugins: [ plugins: [
'@/plugins/vant', '@/plugins/vant',
'@/plugins/swiper',
'@/plugins/ElementUI', '@/plugins/ElementUI',
{ src: "~/plugins/swiper.js", ssr: false },
{ src: '@/plugins/localStorage', ssr: false }, { src: '@/plugins/localStorage', ssr: false },
@ -68,19 +70,16 @@ export default {
// Modules: https://go.nuxtjs.dev/config-modules // Modules: https://go.nuxtjs.dev/config-modules
modules: [ modules: [
'@nuxtjs/axios', '@nuxtjs/axios',
['nuxt-tailvue', {toast: true}], ['nuxt-tailvue', { toast: true }],
], ],
styleResources: { styleResources: {
less: '@/assets/style/less/default.less' // less文件路径 less: '/assets/style/default.less' // less文件路径
}, },
// Build Configuration: https://go.nuxtjs.dev/config-build // Build Configuration: https://go.nuxtjs.dev/config-build
build: { build: {
analyze: true, analyze: true, assetFilter: function (assetFilename) { return assetFilename.endsWith('.js'); },
assetFilter: function(assetFilename) {
return assetFilename.endsWith('.js');
}
}, },
// axios: { // axios: {
// proxy: true, // proxy: true,

6
rc-busness/package.json
View File

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