mirror of
https://gitee.com/lab1024/smart-admin.git
synced 2025-10-02 02:06:38 +08:00
sumt
This commit is contained in:
summation
parent
e133d3e778
commit
4d4cd4a564
@ -31,13 +31,13 @@ export const courselist = (offset, courseId, type, sort, selectScreen = []) => {
|
||||
courseId,
|
||||
selectScreenStr
|
||||
}
|
||||
return fetch( '/api/courselist', data)
|
||||
return fetch('/api/courselist', data)
|
||||
}
|
||||
/**
|
||||
* 获取课程详情
|
||||
*/
|
||||
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 = {
|
||||
buyCount:buyCount,
|
||||
buyCount: buyCount,
|
||||
memberId: memberId,
|
||||
mobile:mobile,
|
||||
productCode:productCode,
|
||||
mobile: mobile,
|
||||
productCode: productCode,
|
||||
productImg: productImg,
|
||||
productName:productName,
|
||||
productPrice:productPrice,
|
||||
specifications:specifications
|
||||
productName: productName,
|
||||
productPrice: productPrice,
|
||||
specifications: specifications
|
||||
}
|
||||
return fetch('/insertCartProductInfo', data,'POST')
|
||||
return fetch('/insertCartProductInfo', data, 'POST')
|
||||
}
|
||||
/**
|
||||
* 是否存在购物车
|
||||
*/
|
||||
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')
|
||||
}
|
||||
/**
|
||||
* 购物车批量提交
|
||||
*/
|
||||
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 = {
|
||||
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 = {
|
||||
msgNum:msgNum,
|
||||
tamp:tamp,
|
||||
hash:hash
|
||||
msgNum: msgNum,
|
||||
tamp: tamp,
|
||||
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 = {
|
||||
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 = {
|
||||
id:'',
|
||||
mobile:mobile,
|
||||
id: '',
|
||||
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 = {
|
||||
mobile:mobile,
|
||||
memberName:'',
|
||||
realName:'',
|
||||
gender:'',
|
||||
email:'',
|
||||
openId:'',
|
||||
unionId:'',
|
||||
birthday:'',
|
||||
provinceId:'',
|
||||
cityId:'',
|
||||
districtId:'',
|
||||
storeCode:'',
|
||||
remark:'',
|
||||
memberMark:'',
|
||||
remark:''
|
||||
mobile: mobile,
|
||||
memberName: '',
|
||||
realName: '',
|
||||
gender: '',
|
||||
email: '',
|
||||
openId: '',
|
||||
unionId: '',
|
||||
birthday: '',
|
||||
provinceId: '',
|
||||
cityId: '',
|
||||
districtId: '',
|
||||
storeCode: '',
|
||||
remark: '',
|
||||
memberMark: '',
|
||||
|
||||
remark: ''
|
||||
}
|
||||
return fetch('member?type=add', data, 'POST' )
|
||||
return fetch('member?type=add', data, 'POST')
|
||||
}
|
||||
//查询标品全部信息
|
||||
//查询标品全部信息
|
||||
// export const userquery = (mobile, pet,address) => {
|
||||
// var data = {
|
||||
// channelId:"15",
|
||||
@ -183,10 +180,10 @@ export const userquery = (stype) => {
|
||||
|
||||
console.log(stype);
|
||||
var data = {
|
||||
goodsName:stype
|
||||
goodsName: stype
|
||||
|
||||
}
|
||||
return fetch('goods?goodsName='+stype, data, 'POST' )
|
||||
return fetch('goods?goodsName=' + stype, data, 'POST')
|
||||
}
|
||||
//商品全部信息
|
||||
export const userque = (stype) => {
|
||||
@ -194,59 +191,60 @@ export const userque = (stype) => {
|
||||
console.log(stype);
|
||||
var data = {
|
||||
}
|
||||
return fetch('goods', data, 'POST' )
|
||||
return fetch('goods', data, 'POST')
|
||||
}
|
||||
|
||||
|
||||
|
||||
//标品全部信息
|
||||
export const biaomessage = (stype,name) => {
|
||||
console.log(stype);
|
||||
if(stype.length>1){
|
||||
console.log("========");
|
||||
let list={};
|
||||
stype.map(item=>{
|
||||
console.log(item);
|
||||
list=item
|
||||
})
|
||||
var str = "?";
|
||||
for(var key in list){
|
||||
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' )
|
||||
}else{
|
||||
console.log('-==');
|
||||
return fetch('product/query?petType='+stype,data, 'POST' )
|
||||
|
||||
}
|
||||
|
||||
|
||||
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){
|
||||
let list={};
|
||||
stype.map(item=>{
|
||||
console.log(item);
|
||||
list=item
|
||||
})
|
||||
var str = "?";
|
||||
for(var key in list){
|
||||
str = str + key + "=" + list[key] + "&";
|
||||
}
|
||||
stype = str.substr(0,str.length-1);
|
||||
return fetch('product/query'+stype+queryTail, '', 'POST' )
|
||||
}else{
|
||||
return fetch('product/query?petType='+stype+queryTail, '', '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);
|
||||
let list={};
|
||||
stype.map(item=>{
|
||||
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);
|
||||
var data = {
|
||||
page:1,
|
||||
row:10
|
||||
str = str + key + "=" + list[key] + "&";
|
||||
}
|
||||
|
||||
return fetch('product/query'+ str, data, 'POST' )
|
||||
str = str.substr(0, str.length - 1);
|
||||
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 = {
|
||||
phoneNumber:'18112621098',
|
||||
orderNumber:orderNumber,
|
||||
phoneNumber: '18112621098',
|
||||
orderNumber: orderNumber,
|
||||
}
|
||||
return fetch('orderMaster/?type=query', data, 'POST' )
|
||||
return fetch('orderMaster/?type=query', data, 'POST')
|
||||
}
|
||||
//查询订单详情
|
||||
export const userin = (orderNumber,) => {
|
||||
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) => {
|
||||
var data = {
|
||||
|
||||
orderNumber:orderNumber,
|
||||
orderNumber: orderNumber,
|
||||
}
|
||||
return fetch('cancelOrder/', data, 'POST' )
|
||||
return fetch('cancelOrder/', data, 'POST')
|
||||
}
|
||||
|
||||
|
||||
export const biaomessa = (stype) => {
|
||||
console.log(stype);
|
||||
var data = {
|
||||
name:stype,
|
||||
page:1,
|
||||
row:10
|
||||
name: stype,
|
||||
page: 1,
|
||||
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);
|
||||
var data = {
|
||||
name:stype,
|
||||
rows:10,
|
||||
page:1,
|
||||
name: stype,
|
||||
rows: 10,
|
||||
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) => {
|
||||
console.log(stype);
|
||||
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);
|
||||
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);
|
||||
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) => {
|
||||
console.log(stype);
|
||||
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);
|
||||
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);
|
||||
var data = {
|
||||
|
||||
petType:1,
|
||||
pet_type:0
|
||||
petType: 1,
|
||||
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 = {
|
||||
|
||||
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) => {
|
||||
|
||||
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) => {
|
||||
var data = {
|
||||
mobile:mobile,
|
||||
couponId:couponId
|
||||
}
|
||||
return fetch('coupon?type=fetch', data, 'POST' )
|
||||
//优惠券的插入
|
||||
export const inserdiscount = (mobile, couponId) => {
|
||||
var data = {
|
||||
mobile: mobile,
|
||||
couponId: couponId
|
||||
}
|
||||
return fetch('coupon?type=fetch', data, 'POST')
|
||||
}
|
||||
|
||||
|
||||
//优惠券的查询
|
||||
export const getdiscount = (memberId,channelSecurity,mobile) => {
|
||||
var data = {
|
||||
memberId:memberId,
|
||||
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' )
|
||||
//优惠券的查询
|
||||
export const getdiscount = (memberId, channelSecurity, mobile) => {
|
||||
var data = {
|
||||
memberId: memberId,
|
||||
mobile: mobile
|
||||
}
|
||||
//用户所有的优惠券
|
||||
export const allConfig = (memberId,channelSecurity,mobile) => {
|
||||
var data = {
|
||||
}
|
||||
return fetch('couponConfig?type=getAll', data, 'POST' )
|
||||
}
|
||||
return fetch('memberAddress?type=getAll', data, 'POST')
|
||||
}
|
||||
|
||||
|
||||
//用户领取优惠券
|
||||
export const getConfig = (memberId,couponId) => {
|
||||
var data = {
|
||||
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' )
|
||||
//可用的优惠券
|
||||
export const alldiscount = (memberId, channelSecurity, mobile) => {
|
||||
var data = {
|
||||
memberId: memberId,
|
||||
}
|
||||
return fetch('couponConfig?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 getdraw = (mobile, states) => {
|
||||
var data = {
|
||||
mobile: mobile,
|
||||
status: states
|
||||
}
|
||||
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) => {
|
||||
var data = {
|
||||
//微信支付
|
||||
export const generateOrderWX = (list) => {
|
||||
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',
|
||||
provinceId:'',
|
||||
cityId:'',
|
||||
districtId:'',
|
||||
detailAddress:'江西省萍乡市',
|
||||
recipient:'刘佳敏',
|
||||
recipientPhone:'13407998521',
|
||||
zipCode:'',
|
||||
isDefault:'',
|
||||
}
|
||||
return fetch('memberAddress?type=update', data, 'POST' )
|
||||
}
|
||||
//用户所有的优惠券
|
||||
export const allConfig = (memberId, channelSecurity, mobile) => {
|
||||
var data = {
|
||||
}
|
||||
return fetch('couponConfig?type=getAll', data, 'POST')
|
||||
}
|
||||
|
||||
|
||||
//用户领取优惠券
|
||||
export const getConfig = (memberId, couponId) => {
|
||||
var data = {
|
||||
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 = {
|
||||
id:id,
|
||||
id: id,
|
||||
}
|
||||
return fetch('member?type=update', data, 'POST' )
|
||||
return fetch('member?type=update', data, 'POST')
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -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;
|
||||
@ -134,7 +132,7 @@ margin-top: 8px;
|
||||
}
|
||||
.rc-footer {
|
||||
display: flex;
|
||||
align-items:flex-end
|
||||
align-items:flex-end;
|
||||
span {
|
||||
width: 72px;
|
||||
height: 25px;
|
||||
@ -154,11 +152,11 @@ margin-top: 8px;
|
||||
|
||||
}
|
||||
@media screen and (min-width: 769px){
|
||||
|
||||
.online{
|
||||
margin-top: 30px;
|
||||
}
|
||||
.allmain{
|
||||
.rc-top{
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.rs-dis{
|
||||
display: flex;
|
||||
flex-flow: wrap;
|
||||
@ -166,6 +164,7 @@ margin-top: 8px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.active {
|
||||
font-size: 14px;
|
||||
color: #E2001A;
|
||||
@ -192,6 +191,7 @@ margin-top: 8px;
|
||||
margin-left: 40px;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
|
||||
}
|
||||
span:first-child {
|
||||
@ -275,6 +275,7 @@ margin-top: 8px;
|
||||
justify-content: end;
|
||||
padding-right: 17px;
|
||||
margin-bottom: 8px;
|
||||
float: right;
|
||||
}
|
||||
.ts-standard-btn{
|
||||
|
||||
|
||||
@ -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,12 +210,9 @@ img, picture {
|
||||
flex-wrap: nowrap;
|
||||
text-align: center;
|
||||
width: 86%;
|
||||
&::-webkit-scrollbar{
|
||||
display:none;
|
||||
}
|
||||
li{
|
||||
border-radius: 100px;
|
||||
flex-shrink: 0;
|
||||
flex-shrink:0;
|
||||
}
|
||||
}
|
||||
.active{
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
.searchBara{
|
||||
position: fixed;
|
||||
.ts-banner-swiper-container{
|
||||
margin-bottom:2.5rem;
|
||||
}
|
||||
.searchBara{
|
||||
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,26 +102,22 @@
|
||||
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;
|
||||
}
|
||||
}
|
||||
.rc-login{
|
||||
width: 92%;
|
||||
margin:0 auto;
|
||||
}
|
||||
.userunlogin{
|
||||
width: 100%;
|
||||
height: 0.60rem;
|
||||
@ -73,9 +147,6 @@
|
||||
}
|
||||
|
||||
}
|
||||
.van-swipe{
|
||||
z-index: 2;
|
||||
}
|
||||
.rc-usermessage{
|
||||
span{
|
||||
font-size: 1rem;
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -304,20 +369,26 @@
|
||||
.rc-selection{
|
||||
display: none;
|
||||
}
|
||||
.sw-center{
|
||||
display: none;
|
||||
}
|
||||
.useraimg{
|
||||
width: 100%;
|
||||
// height: 29.31rem;
|
||||
object-fit: cover;
|
||||
}
|
||||
.sw-center{
|
||||
display: none;
|
||||
}
|
||||
.useraimg{
|
||||
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,15 +402,12 @@ 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;
|
||||
}
|
||||
|
||||
}
|
||||
h2{
|
||||
padding-bottom: 5rem;
|
||||
}
|
||||
|
||||
.swiper-container2 {
|
||||
@ -348,10 +416,10 @@ object-fit: cover;
|
||||
// overflow: visible !important;
|
||||
position: relative;
|
||||
}
|
||||
#swiper1 .swiper-container .swiper-wrapper .swiper-slide {
|
||||
width: 100%;
|
||||
//height: 6.18rem;
|
||||
}
|
||||
#swiper1 .swiper-container .swiper-wrapper .swiper-slide {
|
||||
width: 100%;
|
||||
//height: 6.18rem;
|
||||
}
|
||||
|
||||
/* 上一张 */
|
||||
#swiper1 .swiper-container .swiper-wrapper .swiper-slide-prev {
|
||||
@ -414,35 +482,33 @@ object-fit: cover;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
}
|
||||
.uservideo{
|
||||
width: 35rem;
|
||||
height: 31.6rem;
|
||||
display: block;
|
||||
border: 1px solid red;
|
||||
|
||||
}
|
||||
.userleft{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left:0;
|
||||
margin-top: -.72rem;
|
||||
img{
|
||||
width: .69rem;
|
||||
height: 1.38rem;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.userright{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right:0;
|
||||
margin-top: -.72rem;
|
||||
img{
|
||||
width: .69rem;
|
||||
height: 1.375rem;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.uservideo{
|
||||
width: 35rem;
|
||||
height: 31.6rem;
|
||||
display: block;
|
||||
}
|
||||
.userleft{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left:0;
|
||||
margin-top: -.72rem;
|
||||
img{
|
||||
width: .69rem;
|
||||
height: 1.38rem;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.userright{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right:0;
|
||||
margin-top: -.72rem;
|
||||
img{
|
||||
width: .69rem;
|
||||
height: 1.375rem;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
@ -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%;
|
||||
@ -596,17 +633,18 @@ margin-left: 2.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
.active {
|
||||
font-size: 1rem;
|
||||
border: 3px solid red;
|
||||
color: red;
|
||||
|
||||
}
|
||||
.unactive {
|
||||
font-size: 1rem;
|
||||
color: #444444;
|
||||
border: 1px solid #D7D7D7;
|
||||
}
|
||||
.active {
|
||||
font-size: 1rem;
|
||||
img{
|
||||
border-width: 3px;
|
||||
}
|
||||
}
|
||||
.unactive {
|
||||
font-size: 1rem;
|
||||
img{
|
||||
border-width: 1px;
|
||||
}
|
||||
}
|
||||
.rc-maa{
|
||||
ul{
|
||||
width: 100%;
|
||||
@ -638,15 +676,12 @@ border-radius: 50%;
|
||||
}
|
||||
|
||||
|
||||
.userselection {
|
||||
font-size: 0.16rem;
|
||||
|
||||
color: #E2001A;
|
||||
|
||||
}
|
||||
.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;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -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){
|
||||
.rc-button{
|
||||
width: 100%;
|
||||
height: 80px;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-top: 12px;
|
||||
width: 100%;
|
||||
height: 80px;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-top: 12px;
|
||||
|
||||
.rc-order{
|
||||
width: 164px;
|
||||
@ -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{
|
||||
content:"|";
|
||||
color: #707070;
|
||||
position:absolute;
|
||||
top:0;
|
||||
right:0;
|
||||
// height: 2px;
|
||||
// border: 1px solid red;
|
||||
// display: block;
|
||||
content:"|";
|
||||
color: #707070;
|
||||
margin-left: 5px;
|
||||
|
||||
}
|
||||
li:last-child:after{
|
||||
content:"";
|
||||
@ -64,29 +62,31 @@ 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;
|
||||
display: block;
|
||||
width: 40%;
|
||||
font-style: normal;
|
||||
display: block;
|
||||
width: 40%;
|
||||
}
|
||||
span{
|
||||
font-style: normal;
|
||||
display: block;
|
||||
width: 36%;
|
||||
font-style: normal;
|
||||
display: block;
|
||||
width: 36%;
|
||||
}
|
||||
em{
|
||||
font-style: normal;
|
||||
display: block;
|
||||
width: 23%;
|
||||
font-style: normal;
|
||||
display: block;
|
||||
width: 23%;
|
||||
}
|
||||
|
||||
|
||||
@ -130,13 +130,16 @@ span{
|
||||
}
|
||||
}
|
||||
.rc-usermain{
|
||||
width: 92%;
|
||||
margin: 0 auto;
|
||||
margin-top: 60px;
|
||||
|
||||
ul{
|
||||
height: 64px;
|
||||
background: #F6F6F6;
|
||||
border: 1px solid #D7D7D7;
|
||||
opacity: 1;
|
||||
border-radius: 3px 3px 0px 0px;
|
||||
background: #F6F6F6;
|
||||
border: 1px solid #D7D7D7;
|
||||
opacity: 1;
|
||||
border-radius: 3px 3px 0px 0px;
|
||||
display: block;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -147,20 +150,21 @@ 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;
|
||||
// justify-content: space-between;
|
||||
align-items: center;
|
||||
color: #666666;
|
||||
font-size: 14px;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
.container{
|
||||
min-height:100vh;
|
||||
height:100%;
|
||||
display:flex;
|
||||
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;
|
||||
|
||||
@ -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;
|
||||
}
|
||||
@ -387,16 +382,16 @@ ul li ol li em strong i {
|
||||
background: #008900;
|
||||
}
|
||||
.ts-point-tag{
|
||||
background:url("../image/img-pointBg.png") no-repeat center top;
|
||||
background-size:contain;
|
||||
height:2.375rem;
|
||||
width:3.625rem;
|
||||
text-align:center;
|
||||
position:absolute;
|
||||
background:url("../image/img-pointBg.png") no-repeat center top;
|
||||
background-size:contain;
|
||||
height:2.375rem;
|
||||
width:3.625rem;
|
||||
text-align:center;
|
||||
position:absolute;
|
||||
font-size:.875rem;
|
||||
line-height:2rem;
|
||||
left:0;
|
||||
top:-2.6rem;
|
||||
left:0;
|
||||
top:-2.6rem;
|
||||
}
|
||||
}
|
||||
.rc-value{
|
||||
|
||||
@ -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%;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@ -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
BIN
rc-busness/assets/image/onloading.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.5 KiB |
78
rc-busness/assets/style/default.less
Normal file
78
rc-busness/assets/style/default.less
Normal 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%;
|
||||
}
|
||||
}
|
||||
|
||||
@ -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>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
headerScroll:false,
|
||||
loginornot:true,//用户是否登录提示点
|
||||
usermessage:null,//存储用户信息
|
||||
|
||||
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');
|
||||
},
|
||||
|
||||
@ -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>
|
||||
|
|
||||
<a target='_blank' href='#declaration'><span class="">法律声明</span></a>
|
||||
<a target='_blank' href='https://royalcanin.com.cn/declaration'><span class="">法律声明</span></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@ -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
|
||||
@ -14,23 +14,23 @@ export default {
|
||||
// { src: '/js/flexible.js', type: 'text/javascript', charset: 'utf-8'},
|
||||
{ src: 'https://ocstest.royalcanin.com.cn:8081/livechat/chatapp/customer/branch/RoyalCanin/14053/index.js' },
|
||||
//{ src: 'https://ocstest.royalcanin.com.cn:8081/livechat/chatapp/customer/branch/RoyalCanin/14054/index.js' },
|
||||
{ innerHTML: trackingScript, type: 'text/javascript', charset: 'utf-8'},
|
||||
{ innerHTML: assetsUrl, type: 'text/javascript', charset: 'utf-8'},
|
||||
{ src: '/royalcanin-cdn-assets-new/css_js/royal-canin.min.bundle.js' },
|
||||
{ innerHTML: trackingScript, type: 'text/javascript', charset: 'utf-8' },
|
||||
{ innerHTML: assetsUrl, type: 'text/javascript', charset: 'utf-8' },
|
||||
{ src: '/royalcanin-cdn-assets-new/css_js/royal-canin.min.bundle.js' },
|
||||
|
||||
],
|
||||
__dangerouslyDisableSanitizers: ['script', 'innerHTML'],
|
||||
],
|
||||
__dangerouslyDisableSanitizers: ['script', 'innerHTML'],
|
||||
|
||||
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' }
|
||||
],
|
||||
link: [
|
||||
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
|
||||
{ rel: 'stylesheet', id:'royal-canin' ,href: '/royalcanin-cdn-assets-new/css_js/royal-canin.styles.prefix.min.critical.css?v=8-10-0'},
|
||||
//{ rel: 'stylesheet', id:'royal-canin' ,href: '/royalcanin-cdn-assets-new/css_js/royal-canin.styles.prefix.min.css?v=8-10-0'},
|
||||
{ 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'},
|
||||
]
|
||||
},
|
||||
|
||||
@ -38,8 +38,10 @@ export default {
|
||||
css: [
|
||||
'vant/lib/index.css',
|
||||
'element-ui/lib/theme-chalk/index.css',
|
||||
{src:'@/assets/css/global.less'},
|
||||
{src:'@/assets/css/royalcanin-custom.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 },
|
||||
|
||||
|
||||
@ -68,19 +70,16 @@ export default {
|
||||
// Modules: https://go.nuxtjs.dev/config-modules
|
||||
modules: [
|
||||
'@nuxtjs/axios',
|
||||
['nuxt-tailvue', {toast: true}],
|
||||
['nuxt-tailvue', { toast: true }],
|
||||
|
||||
],
|
||||
|
||||
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,
|
||||
|
||||
@ -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",
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 117 KiB After Width: | Height: | Size: 134 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 136 KiB After Width: | Height: | Size: 300 KiB |
BIN
rc-busness/static/images/banner/pc-banner3.png
Normal file
BIN
rc-busness/static/images/banner/pc-banner3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 154 KiB |
BIN
rc-busness/static/images/banner/pc-banner4.png
Normal file
BIN
rc-busness/static/images/banner/pc-banner4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 94 KiB |
BIN
rc-busness/static/images/cat/star-1.png
Normal file
BIN
rc-busness/static/images/cat/star-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 83 KiB |
BIN
rc-busness/static/images/cat/star-2.png
Normal file
BIN
rc-busness/static/images/cat/star-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
BIN
rc-busness/static/images/cat/star-3.png
Normal file
BIN
rc-busness/static/images/cat/star-3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
BIN
rc-busness/static/images/cat/star-4.png
Normal file
BIN
rc-busness/static/images/cat/star-4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
BIN
rc-busness/static/images/dog/big.png
Normal file
BIN
rc-busness/static/images/dog/big.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
BIN
rc-busness/static/images/dog/medium.png
Normal file
BIN
rc-busness/static/images/dog/medium.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
BIN
rc-busness/static/images/dog/small.png
Normal file
BIN
rc-busness/static/images/dog/small.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
BIN
rc-busness/static/images/dog/star-1.png
Normal file
BIN
rc-busness/static/images/dog/star-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 57 KiB |
BIN
rc-busness/static/images/dog/star-2.png
Normal file
BIN
rc-busness/static/images/dog/star-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
BIN
rc-busness/static/images/dog/star-3.png
Normal file
BIN
rc-busness/static/images/dog/star-3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
BIN
rc-busness/static/images/dog/star-4.png
Normal file
BIN
rc-busness/static/images/dog/star-4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
Binary file not shown.
Loading…
Reference in New Issue
Block a user