mirror of
https://gitee.com/lab1024/smart-admin.git
synced 2025-10-03 10:46:38 +08:00
Merge pull request !51 from Admin/sit-jiamin-v2
This commit is contained in:
Admin
Gitee
commit
23a64e853e
@ -33,10 +33,16 @@ body{
|
||||
}
|
||||
}
|
||||
.userloding {
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
margin-left: -1.56rem;
|
||||
top: 50%;
|
||||
margin-top: -3.75rem;
|
||||
background: url(../image/onloading.png) center center no-repeat;
|
||||
width: 3.12rem;
|
||||
background-size: contain;
|
||||
height: 3.12rem;
|
||||
height: 7.5rem;
|
||||
z-index: 1000;
|
||||
animation: rolling 4s infinite;
|
||||
-webkit-animation:rolling 4s infinite;
|
||||
}
|
||||
@ -247,12 +253,13 @@ img, picture {
|
||||
right: 0;
|
||||
top: 30%;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
|
||||
box-shadow: 0px 0px .62rem rgba(0, 0, 0, 0.16);
|
||||
border-radius: .25rem;
|
||||
z-index:3;
|
||||
ul{
|
||||
width: 60px;
|
||||
height: 181px;
|
||||
box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
|
||||
background-color: white;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@ -340,7 +347,9 @@ img, picture {
|
||||
margin-top: 90px;
|
||||
}
|
||||
.rc-list__header {
|
||||
|
||||
background: none;
|
||||
padding: .5rem 0;
|
||||
border-bottom: none;
|
||||
}
|
||||
.ts-right-arr {
|
||||
border-bottom:1px solid #E1001A;
|
||||
@ -427,13 +436,8 @@ img, picture {
|
||||
display:block;
|
||||
li{
|
||||
max-width:20rem;
|
||||
min-width:18.75rem;
|
||||
width:22.8vw;
|
||||
//margin-right:.875rem;
|
||||
margin-left:2vw;
|
||||
padding-left:1px;
|
||||
padding-right:1px;
|
||||
box-sizing: border-box;
|
||||
margin-left:2.2vw;
|
||||
.rc-column{
|
||||
span{
|
||||
font-size:1.875rem;
|
||||
@ -448,7 +452,7 @@ img, picture {
|
||||
}
|
||||
}
|
||||
img{
|
||||
width:100%;
|
||||
width:21.7vw;
|
||||
max-width:320px;
|
||||
min-width:160px;
|
||||
}
|
||||
@ -555,40 +559,35 @@ img, picture {
|
||||
}
|
||||
h2{
|
||||
font-size:20px;
|
||||
padding-bottom:1rem;
|
||||
}
|
||||
.ts-scrollable
|
||||
{
|
||||
padding-bottom:1rem;
|
||||
scrollbar-width: thin;
|
||||
li
|
||||
{
|
||||
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;
|
||||
background:unset;
|
||||
height:4px;
|
||||
}
|
||||
&::-webkit-scrollbar-thumb{
|
||||
background-color:#d7d7d7;
|
||||
border-radius:10px;
|
||||
width:50%;
|
||||
height:2px;
|
||||
}
|
||||
&::-webkit-scrollbar-track{
|
||||
//background-color:#ddd;
|
||||
background-color:transparent;
|
||||
background-color:ddd;
|
||||
|
||||
height:2px;
|
||||
}
|
||||
&::-webkit-scrollbar-button{
|
||||
background:unset;
|
||||
}
|
||||
/* */
|
||||
*/
|
||||
}
|
||||
}
|
||||
|
||||
@ -610,10 +609,10 @@ img, picture {
|
||||
{
|
||||
.ts-product-list {
|
||||
display:flex;
|
||||
//justify-content: space-between;
|
||||
justify-content: space-between;
|
||||
li{
|
||||
//margin-left:0;
|
||||
//margin-right:0;
|
||||
margin-left:0;
|
||||
margin-right:0;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -24,6 +24,10 @@
|
||||
.ul-zhuan,.ul-dog{
|
||||
li{
|
||||
background: unset;
|
||||
img{
|
||||
border-radius: 50%;
|
||||
}
|
||||
&.active {
|
||||
img{
|
||||
border-radius: 50%;
|
||||
}
|
||||
@ -42,7 +46,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.uservideo{
|
||||
overflow: hidden;
|
||||
video{
|
||||
@ -76,24 +80,15 @@
|
||||
}
|
||||
@media screen and (max-width:768px){
|
||||
.ul-dog{
|
||||
justify-content: space-evenly;
|
||||
img{
|
||||
width:4rem;
|
||||
height:auto;
|
||||
}
|
||||
li{
|
||||
margin-top:1.875rem;
|
||||
}
|
||||
}
|
||||
.ts-banner-swiper-container{
|
||||
margin-bottom:2.5rem;
|
||||
display: none;
|
||||
}
|
||||
.searchBara{
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top:3.75rem;
|
||||
top:66px;
|
||||
background: white;
|
||||
z-index: 60;
|
||||
z-index: 9999;
|
||||
overflow-x: auto;
|
||||
white-space: nowrap;
|
||||
overflow-y:hidden;
|
||||
@ -110,10 +105,12 @@
|
||||
display: inline-block;
|
||||
margin-left: 0.20rem;
|
||||
text-align: center;
|
||||
background: #F6F6F6;
|
||||
border-radius: 50%;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.rc-login{
|
||||
width: 92%;
|
||||
margin:0 auto;
|
||||
@ -146,6 +143,9 @@
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.van-swipe{
|
||||
z-index: 2;
|
||||
}
|
||||
.rc-usermessage{
|
||||
span{
|
||||
@ -163,11 +163,9 @@
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.van-swipe{
|
||||
z-index: 2;
|
||||
}
|
||||
.van-swipe-item {
|
||||
color: #fff;
|
||||
height: 26.31rem;
|
||||
width: 100%;
|
||||
font-size: 0.20px;
|
||||
text-align: center;
|
||||
@ -236,7 +234,7 @@
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
img{
|
||||
@ -253,7 +251,6 @@
|
||||
margin-top: 1.25rem;
|
||||
}
|
||||
p{
|
||||
color: #666666;
|
||||
font-size: .875rem;
|
||||
text-overflow: -o-ellipsis-lastline;
|
||||
overflow: hidden;
|
||||
@ -350,10 +347,6 @@
|
||||
|
||||
}
|
||||
}
|
||||
// .usermain{
|
||||
// display: none;
|
||||
// }
|
||||
}
|
||||
.active {
|
||||
font-size: 0.14rem;
|
||||
img{
|
||||
@ -366,6 +359,10 @@
|
||||
border-width: 1px;
|
||||
}
|
||||
}
|
||||
// .usermain{
|
||||
// display: none;
|
||||
// }
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width: 769px)
|
||||
@ -406,14 +403,17 @@
|
||||
#xxxFullScreen {
|
||||
background-color: white;
|
||||
// margin-top: 100px;
|
||||
#swiper1,#swiper2 {
|
||||
#swiper1 {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
margin-top: 2.31rem;
|
||||
}
|
||||
|
||||
h2{
|
||||
padding-bottom: 5rem;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.swiper-container2 {
|
||||
width: 100%;
|
||||
height: 38.6rem;
|
||||
@ -571,18 +571,14 @@ img{
|
||||
display: block;
|
||||
}
|
||||
img{
|
||||
width:100%;
|
||||
height: auto;
|
||||
object-fit: contain;
|
||||
width: 10vw;
|
||||
height: 10vw;
|
||||
display: block;
|
||||
}
|
||||
li{
|
||||
width: 10vw;
|
||||
max-width:11rem;
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
overflow:hidden;
|
||||
}
|
||||
}
|
||||
|
||||
@ -597,7 +593,33 @@ img{
|
||||
|
||||
}
|
||||
.usermain{
|
||||
.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%;
|
||||
|
||||
@ -1,9 +1,7 @@
|
||||
.container{
|
||||
min-height:100vh;
|
||||
min-height:80vh;
|
||||
height:100%;
|
||||
background-color:#f6f6f6;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.ts-max-width--460{
|
||||
border-radius: 3px;
|
||||
|
||||
@ -1,11 +1,310 @@
|
||||
@media screen and (max-width:768px){
|
||||
|
||||
|
||||
.rc-margin-bottom--lg{
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width:768px){
|
||||
.online{
|
||||
width:100%;
|
||||
background:#d7d7d7;
|
||||
margin-top:1.5rem;
|
||||
height:.06rem;
|
||||
&.bold{
|
||||
height:8px;
|
||||
background:#f6f6f6;
|
||||
}
|
||||
}
|
||||
.useredit{
|
||||
display: none;
|
||||
}
|
||||
.rc-button{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 375px;
|
||||
height: 80px;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);
|
||||
opacity: 1;
|
||||
border-radius: 0px;
|
||||
}
|
||||
.rc-footbutton {
|
||||
width: 164px;
|
||||
height: 48px;
|
||||
border: 2px solid #E2001A;
|
||||
opacity: 1;
|
||||
border-radius: 30px;
|
||||
background: #E2001A;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 16px;
|
||||
color: #FFFFFF;
|
||||
|
||||
|
||||
}
|
||||
.rc-max-width--xl{
|
||||
padding: 24px 20px 24px 20px;
|
||||
.rc-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: #333333;
|
||||
font-size: 14px;
|
||||
em {
|
||||
font-style: normal;
|
||||
font-size: 14px;
|
||||
}
|
||||
span {
|
||||
display: block;
|
||||
margin-left: 8px;
|
||||
}
|
||||
}
|
||||
.rc-center{
|
||||
padding-top: 24px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
.rc-address {
|
||||
margin-top: 8px;
|
||||
text-overflow: -o-ellipsis-lastline;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
}
|
||||
.rc-footer {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-top: 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.rc-right {
|
||||
span {
|
||||
border-bottom: 1px solid #666666;
|
||||
}
|
||||
span:first-child {
|
||||
margin-right: 16px;
|
||||
}
|
||||
}
|
||||
img{
|
||||
width: 43px;
|
||||
}
|
||||
.rc-foot{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: #333333;
|
||||
font-size: 14px;
|
||||
span{
|
||||
margin-left: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (min-width: 769px)
|
||||
{
|
||||
|
||||
{
|
||||
.usercontend {
|
||||
display:inline-block;
|
||||
}
|
||||
.usercontshow{
|
||||
.rc-button{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.usercontend{
|
||||
margin-top: 40px;
|
||||
}
|
||||
.online{
|
||||
display: none;
|
||||
}
|
||||
.rc-button{
|
||||
display: none;
|
||||
}
|
||||
.useredit{
|
||||
width: 680px;
|
||||
height: 164px;
|
||||
background: #FFFFFF;
|
||||
border: 1px solid #D7D7D7;
|
||||
opacity: 1;
|
||||
border-radius: 3px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
img{
|
||||
width: 31px;
|
||||
height: 31px;
|
||||
|
||||
}
|
||||
span{
|
||||
color: #333333;
|
||||
font-size: 18px;
|
||||
|
||||
}
|
||||
}
|
||||
.usercontend{
|
||||
.useradd{
|
||||
width: 680px;
|
||||
height: 164px;
|
||||
background: #FFFFFF;
|
||||
border-radius: 3px;
|
||||
img{
|
||||
width: 31px;
|
||||
height: 31px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
.rc-max-width--xl{
|
||||
|
||||
.rc-center{
|
||||
margin-top: 24px;
|
||||
margin-left: 24px;
|
||||
}
|
||||
.rc-cat{
|
||||
width: 640px;
|
||||
border: 1px solid #D7D7D7;
|
||||
border-radius: 3px;
|
||||
position: relative;
|
||||
margin-left: 40px;
|
||||
height: 164px;
|
||||
}
|
||||
.rc-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: #333333;
|
||||
font-size: 20px;
|
||||
em {
|
||||
font-style: normal;
|
||||
}
|
||||
span {
|
||||
display: block;
|
||||
margin-left: 32px;
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
.rc-footer {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-top: 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.rc-right {
|
||||
position: absolute;
|
||||
right: 24px;
|
||||
top: 24px;
|
||||
span {
|
||||
border-bottom: 1px solid #666666;
|
||||
}
|
||||
span:first-child {
|
||||
margin-right: 16px;
|
||||
}
|
||||
}
|
||||
img{
|
||||
width: 43px;
|
||||
}
|
||||
.rc-foot{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: #333333;
|
||||
font-size: 16px;
|
||||
margin-top: 16px;
|
||||
span{
|
||||
margin-left: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.rc-max-width--xl{
|
||||
|
||||
|
||||
.rc-button {
|
||||
height: 80px;
|
||||
background: #ffffff;
|
||||
box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);
|
||||
opacity: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
display: block;
|
||||
|
||||
.rc-footbutton {
|
||||
width: 164px;
|
||||
height: 48px;
|
||||
border: 2px solid #e2001a;
|
||||
opacity: 1;
|
||||
border-radius: 30px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: #e2001a;
|
||||
span {
|
||||
display: block;
|
||||
text-align: center;
|
||||
color: white;
|
||||
font-size: 16px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.rc-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: #333333;
|
||||
em {
|
||||
font-style: normal;
|
||||
font-size: 14px;
|
||||
}
|
||||
span {
|
||||
display: block;
|
||||
margin-left: 8px;
|
||||
}
|
||||
}
|
||||
.rc-address {
|
||||
margin-top: 16px;
|
||||
text-overflow: -o-ellipsis-lastline;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
font-size: 20px;
|
||||
color: #333333;
|
||||
|
||||
}
|
||||
.rc-footer {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding-bottom: 20px;
|
||||
margin-top: 8px;
|
||||
.rc-right {
|
||||
span {
|
||||
border-bottom: 1px solid #666666;
|
||||
}
|
||||
span:first-child {
|
||||
margin-right: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 2.4 KiB |
@ -58,6 +58,11 @@
|
||||
</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>
|
||||
@ -70,16 +75,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="https://royalcanin.com.cn/cats" class="rc-list__header" data-ref="nav-link" role="menuitem" title="猫">猫</a>
|
||||
<a href="#cats" class="rc-list__header" data-ref="nav-link" role="menuitem" title="猫">猫</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="https://royalcanin.com.cn/dogs" class="rc-list__header" data-ref="nav-link" role="menuitem" title="犬">犬</a>
|
||||
<a href="#dogs" class="rc-list__header" data-ref="nav-link" role="menuitem" title="犬">犬</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#/tailored-nutrition" class="rc-list__header" data-ref="nav-link" role="menuitem" title="定制营养方案">定制营养方案</a>
|
||||
<a href="#tailored-nutrition" class="rc-list__header" data-ref="nav-link" role="menuitem" title="定制营养方案">定制营养方案</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="https://royalcanin.com.cn/about" class="rc-list__header" data-ref="nav-link" role="menuitem" title="关于我们">关于我们</a>
|
||||
<a href="#about" class="rc-list__header" data-ref="nav-link" role="menuitem" title="关于我们">关于我们</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="submenu rc-layout-container rc-one-column rc-margin--none rc-xl-up">
|
||||
@ -89,49 +94,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="https://royalcanin.com.cn/cats" class="rc-list__header rc-margin--none" role="menuitem">猫</a>
|
||||
<a href="#cats" class="rc-list__header rc-margin--none" role="menuitem">猫</a>
|
||||
<ul class="rc-list rc-list--blank rc-list--align test" role="menu">
|
||||
<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="https://royalcanin.com.cn/cats/breeds" class="rc-list__link" role="menuitem">品种</a>
|
||||
<a href="#cats/breeds" class="rc-list__link" role="menuitem">品种</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="https://royalcanin.com.cn/cats/getting-a-kitten" class="rc-list__link" role="menuitem">想养猫吗</a>
|
||||
<a href="#cats/getting-a-kitten" class="rc-list__link" role="menuitem">想养猫吗</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="https://royalcanin.com.cn/cats/kitten" class="rc-list__link" role="menuitem">幼猫</a>
|
||||
<a href="#cats/kitten" class="rc-list__link" role="menuitem">幼猫</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="https://royalcanin.com.cn/cats/kitten/health" class="rc-list__link" role="menuitem">健康和心情</a>
|
||||
<a href="#cats/kitten/health" class="rc-list__link" role="menuitem">健康和心情</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="rc-list__item rc-list__item--group">
|
||||
<img src="../assets/showimage/sub-nav-2.jpg" class="ts-head-img rc-margin-bottom--xs">
|
||||
<a href="https://royalcanin.com.cn/dogs" class="rc-list__header rc-margin--none" role="menuitem">犬</a>
|
||||
<a href="#dogs" class="rc-list__header rc-margin--none" role="menuitem">犬</a>
|
||||
<ul class="rc-list rc-list--blank rc-list--align test" role="menu">
|
||||
<li class="rc-list__item">
|
||||
<a href="#dogs/products" class="rc-list__link" role="menuitem">产品</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="https://royalcanin.com.cn/dogs/breeds" class="rc-list__link" role="menuitem">品种</a>
|
||||
<a href="#dogs/breeds" class="rc-list__link" role="menuitem">品种</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="https://royalcanin.com.cn/dogs/getting-a-puppy" class="rc-list__link" role="menuitem">想养只狗</a>
|
||||
<a href="#dogs/getting-a-puppy" class="rc-list__link" role="menuitem">想养只狗</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="https://royalcanin.com.cn/dogs/puppy" class="rc-list__link" role="menuitem">幼犬</a>
|
||||
<a href="#dogs/puppy" class="rc-list__link" role="menuitem">幼犬</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="https://royalcanin.com.cn/dogs/puppy/health" class="rc-list__link" role="menuitem">健康和心情</a>
|
||||
<a href="#dogs/puppy/health" class="rc-list__link" role="menuitem">健康和心情</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="rc-list__item rc-list__item--group">
|
||||
<img src="../assets/showimage/sub-nav-3.jpg" class="ts-head-img rc-margin-bottom--xs">
|
||||
<a href="/" class="rc-list__header rc-margin--none" role="menuitem">定制营养方案</a>
|
||||
<a href="#tailored-nutrition" class="rc-list__header rc-margin--none" role="menuitem">定制营养方案</a>
|
||||
<ul class="rc-list rc-list--blank rc-list--align test" role="menu">
|
||||
<li class="rc-list__item">
|
||||
<a href="#cats/products" class="rc-list__link" role="menuitem">猫系列</a>
|
||||
@ -143,13 +148,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="https://royalcanin.com.cn/about" class="rc-list__header rc-margin--none" role="menuitem">关于我们</a>
|
||||
<a href="#about" class="rc-list__header rc-margin--none" role="menuitem">关于我们</a>
|
||||
<ul class="rc-list rc-list--blank rc-list--align test" role="menu">
|
||||
<li class="rc-list__item">
|
||||
<a href="https://royalcanin.com.cn/about#growth-phase1" class="rc-list__link" role="menuitem">我们的历史</a>
|
||||
<a href="#about#growth-phase1" class="rc-list__link" role="menuitem">我们的历史</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="https://royalcanin.com.cn/about" class="rc-list__link" role="menuitem">我们的价值观</a>
|
||||
<a href="#about" class="rc-list__link" role="menuitem">我们的价值观</a>
|
||||
</li>
|
||||
<!--
|
||||
<li class="rc-list__item">
|
||||
@ -191,74 +196,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="/images/yorkshire-terrier-sacred-birman-b-w-brand-emblematic-tailored-nutrition-hero.jpg" alt="Royal Canin China" />
|
||||
<img class="rc-padding--sm" src="#profiles/custom/royal_canin_profile/themes/royal_canin/images/yorkshire-terrier-sacred-birman-b-w-brand-emblematic-tailored-nutrition-hero.jpg" alt="Royal Canin China" />
|
||||
</div>
|
||||
<nav class="rc-nav rc-hidden" data-toggle-group="mobile" data-toggle-effect="rc-expand--horizontal" data-js-target="mobile-push-nav">
|
||||
<div class="rc-layout-container rc-three-column">
|
||||
<div class="rc-column rc-double-width rc-padding-x--none--mobile rc-padding-right--none">
|
||||
<ul class="rc-list rc-list--blank rc-list--align rc-list--two-column" role="menubar">
|
||||
<li class="rc-list__item rc-list__item--group">
|
||||
<a href="https://royalcanin.com.cn/cats" class="rc-list__header" id="mega-nav-header-1" data-toggle="nav-list-1" role="menuitem">猫</a>
|
||||
<a href="#cats" class="rc-list__header" id="mega-nav-header-1" data-toggle="nav-list-1" role="menuitem">猫</a>
|
||||
<ul class="rc-list rc-list--blank rc-list--align" id="nav-list-1" aria-labelledby="mega-nav-menu-1" role="menu">
|
||||
<li class="rc-list__item rc-md-down">
|
||||
<button class="rc-list__link rc-icon rc-left--xs rc-iconography" data-toggle="nav-list-1" role="button">返回</button>
|
||||
</li>
|
||||
<li class="rc-list__item rc-md-down">
|
||||
<a href="https://royalcanin.com.cn/cats" class="rc-list__header" title="Cat" role="menuitem">猫</a>
|
||||
<a href="#cats" class="rc-list__header" title="Cat" role="menuitem">猫</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#cats/products" class="rc-list__link ca" role="menuitem" title="Products">产品</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="https://royalcanin.com.cn/cats/breeds" class="rc-list__link ca" role="menuitem" title="Breeds">品种</a>
|
||||
<a href="#cats/breeds" class="rc-list__link ca" role="menuitem" title="Breeds">品种</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="https://royalcanin.com.cn/cats/getting-a-kitten" class="rc-list__link ca" role="menuitem" title="Thinking of getting a cat">想养只猫</a>
|
||||
<a href="#cats/getting-a-kitten" class="rc-list__link ca" role="menuitem" title="Thinking of getting a cat">想养只猫</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="https://royalcanin.com.cn/cats/kitten" class="rc-list__link ca" role="menuitem" title="Kitten">幼猫</a>
|
||||
<a href="#cats/kitten" class="rc-list__link ca" role="menuitem" title="Kitten">幼猫</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="https://royalcanin.com.cn/cats/kitten/health" class="rc-list__link ca" role="menuitem" title="Health and wellbeing">健康和心情</a>
|
||||
<a href="#cats/kitten/health" class="rc-list__link ca" role="menuitem" title="Health and wellbeing">健康和心情</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="rc-list__item rc-list__item--group">
|
||||
<a href="https://royalcanin.com.cn/dogs" class="rc-list__header" role="menuitem" id="mega-nav-header-2" data-toggle="nav-list-2">犬</a>
|
||||
<a href="#dogs" class="rc-list__header" role="menuitem" id="mega-nav-header-2" data-toggle="nav-list-2">犬</a>
|
||||
<ul class="rc-list rc-list--blank rc-list--align" id="nav-list-2" aria-labelledby="mega-nav-menu-2" role="menu">
|
||||
<li class="rc-list__item rc-md-down">
|
||||
<button class="rc-list__link rc-icon rc-left--xs rc-iconography" data-toggle="nav-list-2" role="button">返回</button>
|
||||
</li>
|
||||
<li class="rc-list__item rc-md-down">
|
||||
<a href="https://royalcanin.com.cn/dogs" class="rc-list__header" title="Dog" role="menuitem">犬</a>
|
||||
<a href="#dogs" class="rc-list__header" title="Dog" role="menuitem">犬</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#dogs/products" class="rc-list__link ca" role="menuitem" title="Products">产品</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="https://royalcanin.com.cn/dogs/breeds" class="rc-list__link ca" role="menuitem" title="Breeds">品种</a>
|
||||
<a href="#dogs/breeds" class="rc-list__link ca" role="menuitem" title="Breeds">品种</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="https://royalcanin.com.cn/dogs/getting-a-puppy" class="rc-list__link ca" role="menuitem" title="Thinking of getting a dog">想养只犬</a>
|
||||
<a href="#dogs/getting-a-puppy" class="rc-list__link ca" role="menuitem" title="Thinking of getting a dog">想养只犬</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="https://royalcanin.com.cn/dogs/puppy" class="rc-list__link ca" role="menuitem" title="Puppy">幼犬</a>
|
||||
<a href="#dogs/puppy" class="rc-list__link ca" role="menuitem" title="Puppy">幼犬</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="https://royalcanin.com.cn/dogs/puppy/health" class="rc-list__link ca" role="menuitem" title="Health and wellbeing">健康和心情</a>
|
||||
<a href="#dogs/puppy/health" class="rc-list__link ca" role="menuitem" title="Health and wellbeing">健康和心情</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="rc-list__item rc-list__item--group">
|
||||
<a href="https://royalcanin.com.cn/tailored-nutrition" class="rc-list__header" role="menuitem" id="mega-nav-header-3" data-toggle="nav-list-3">定制营养方案</a>
|
||||
<a href="#tailored-nutrition" class="rc-list__header" role="menuitem" id="mega-nav-header-3" data-toggle="nav-list-3">定制营养方案</a>
|
||||
<ul class="rc-list rc-list--blank rc-list--align" id="nav-list-3" aria-labelledby="mega-nav-menu-3" role="menu">
|
||||
<li class="rc-list__item rc-md-down">
|
||||
<button class="rc-list__link rc-icon rc-left--xs rc-iconography" data-toggle="nav-list-3" role="button">返回</button>
|
||||
</li>
|
||||
<li class="rc-list__item rc-md-down">
|
||||
<a href="https://royalcanin.com.cn/tailored-nutrition" class="rc-list__header" title="Nutrition" role="menuitem">定制营养方案</a>
|
||||
<a href="#tailored-nutrition" class="rc-list__header" title="Nutrition" role="menuitem">定制营养方案</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="#cats/products" class="rc-list__link ca" role="menuitem">猫系列</a>
|
||||
@ -270,16 +275,16 @@
|
||||
</li>
|
||||
|
||||
<li class="rc-list__item rc-list__item--group">
|
||||
<a href="https://royalcanin.com.cn/about" class="rc-list__header" role="menuitem" id="mega-nav-header-4" data-toggle="nav-list-4">关于我们</a>
|
||||
<a href="#about" class="rc-list__header" role="menuitem" id="mega-nav-header-4" data-toggle="nav-list-4">关于我们</a>
|
||||
<ul class="rc-list rc-list--blank rc-list--align" id="nav-list-4" aria-labelledby="mega-nav-menu-4" role="menu">
|
||||
<li class="rc-list__item rc-md-down">
|
||||
<button class="rc-list__link rc-icon rc-left--xs rc-iconography" data-toggle="nav-list-4" role="button">返回</button>
|
||||
</li>
|
||||
<li class="rc-list__item rc-md-down">
|
||||
<a href="https://royalcanin.com.cn/about" class="rc-list__header" title="About" role="menuitem">关于我们</a>
|
||||
<a href="#about" class="rc-list__header" title="About" role="menuitem">关于我们</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="https://royalcanin.com.cn/about#growth-phase1" class="rc-list__link ca" role="menuitem" title="Our history">我们的历史</a>
|
||||
<a href="#about#growth-phase1" class="rc-list__link ca" role="menuitem" title="Our history">我们的历史</a>
|
||||
</li>
|
||||
<!--
|
||||
<li class="rc-list__item">
|
||||
@ -306,10 +311,15 @@
|
||||
<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="https://royalcanin.com.cn/about/contact">
|
||||
<a class="rc-list__link rc-icon rc-email--xs rc-iconography--xs" role="menuitem" href="#about/contact">
|
||||
与我们联系
|
||||
</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a class="rc-list__link rc-icon rc-pin--xs rc-iconography--xs" data-modal-trigger="modal-whereToBuy" onclick='bindTracking(this)' evt-name='页内弹窗' evt-cat='headerBtnClick' evt-val='在哪购买' role="menuitem" href="#">
|
||||
在哪里购买
|
||||
</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a class="rc-list__link rc-icon rc-language--xs ts-weibo--xs" role="menuitem" target='_blank' href="https://weibo.com/chinaroyalcanin?topnav=1&wvr=6&topsug=1&is_all=1">
|
||||
微博
|
||||
@ -339,9 +349,39 @@
|
||||
</section>
|
||||
</div>
|
||||
<!-- Popup menu end-->
|
||||
|
||||
<!-- Where to buy modal -->
|
||||
<aside role="modal" class="rc-modal rc-hidden" data-modal-target="modal-whereToBuy">
|
||||
<div class="rc-modal__container">
|
||||
<header class="rc-modal__header">
|
||||
<button class="rc-btn rc-icon rc-btn--icon-label rc-modal__close rc-close--xs rc-iconography" data-modal-trigger="modal-whereToBuy">关闭</button>
|
||||
</header>
|
||||
<section class="rc-modal__content rc-scroll--y">
|
||||
<div class="rc-margin-top--md">
|
||||
<h2 class="rc-gamma rc-text--center">我能在哪买到Royal Canin 的产品</h2>
|
||||
<p class='rc-text--center'>
|
||||
您可以点击下面的链接进入到我们的电商店铺
|
||||
<br />
|
||||
</p>
|
||||
</div>
|
||||
<div class="rc-btn-group">
|
||||
<a href="https://royalcanin.tmall.com/shop/view_shop.htm?spm=a1z10.3-b-s.w5001-17212536142.3.1284526cyHC5If&scene=taobao_shop" target='_blank' class="rc-btn rc-btn--one ts-flex-center">
|
||||
<img src="#profiles/custom/royal_canin_profile/themes/royal_canin/images/tm-logo.png" alt="天猫旗舰店" />
|
||||
</a>
|
||||
<a href="https://mall.jd.com/index-650686.html" class="rc-btn rc-btn--one ts-flex-center ts-btn-img--70" target='_blank'>
|
||||
<img src="#profiles/custom/royal_canin_profile/themes/royal_canin/images/jd-logo.png" alt="京东旗舰店" />
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</aside>
|
||||
<!-- Where to buy modal end -->
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
const isReload={
|
||||
needload:false
|
||||
};
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
@ -364,10 +404,10 @@ export default {
|
||||
this.usermessage=usernot;
|
||||
}
|
||||
//debugger;
|
||||
if(isInitialized)
|
||||
if(isReload.needload)
|
||||
location.reload();
|
||||
if(!isInitialized)
|
||||
isInitialized=true;
|
||||
if(isReload.needload==false)
|
||||
isReload.needload=true;
|
||||
//console.log(this.loginornot);
|
||||
/*
|
||||
if(RCDL && RCDL.utilities && RCDL.navigation && RCDL.navigation.rebuild)
|
||||
|
||||
@ -1,55 +1,69 @@
|
||||
<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="https://royalcanin.com.cn/cats" class="rc-list__header" role="menuitem" id="nav-footer-top-1" data-toggle="nav-footer-1">猫</a>
|
||||
<a href="#cats" class="rc-list__header" role="menuitem" id="nav-footer-top-1" data-toggle="nav-footer-1">猫</a>
|
||||
<ul class="rc-list rc-list--blank rc-list--align" role="menu" id="nav-footer-1" aria-labelledby="nav-footer-top-1">
|
||||
<li class="rc-list__item">
|
||||
<a href="#cats/breeds" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Products">产品</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="https://royalcanin.com.cn/cats/breeds" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Breeds">品种</a>
|
||||
<a href="#cats/breeds" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Breeds">品种</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="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>
|
||||
<a href="#cats/getting-a-kitten" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Thinking of getting a cat">想养只猫</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="https://royalcanin.com.cn/cats/kitten" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Kitten">幼猫</a>
|
||||
<a href="#cats/kitten" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Kitten">幼猫</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="https://royalcanin.com.cn/cats/kitten/health" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Health and wellbeing">健康和心情</a>
|
||||
<a href="#cats/kitten/health" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Health and wellbeing">健康和心情</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="rc-list__item rc-list__item--group" role="none">
|
||||
<a href="https://royalcanin.com.cn/dogs" class="rc-list__header" role="menuitem" id="nav-footer-top-2" data-toggle="nav-footer-2"
|
||||
>犬
|
||||
<a href="#dogs" class="rc-list__header" role="menuitem" id="nav-footer-top-2" data-toggle="nav-footer-2">
|
||||
犬
|
||||
</a>
|
||||
<ul class="rc-list rc-list--blank rc-list--align" id="nav-footer-2" aria-labelledby="nav-footer-top-2" role="menu">
|
||||
<li class="rc-list__item">
|
||||
<a href="#dogs/breeds" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Products">产品</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="https://royalcanin.com.cn/dogs/breeds" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Breeds">品种</a>
|
||||
<a href="#dogs/breeds" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Breeds">品种</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="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>
|
||||
<a href="#dogs/getting-a-puppy" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Thinking of getting a dog">想养只犬</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="https://royalcanin.com.cn/dogs/puppy" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Puppy">幼犬</a>
|
||||
<a href="#dogs/puppy" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Puppy">幼犬</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="https://royalcanin.com.cn/dogs/puppy/health" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Health and wellbeing">健康和心情</a>
|
||||
<a href="#dogs/puppy/health" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Health and wellbeing">健康和心情</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="rc-list__item rc-list__item--group" role="none">
|
||||
<a href="#tailored-nutrition" class="rc-list__header" role="menuitem" id="nav-footer-top-3" data-toggle="nav-footer-3"
|
||||
>定制营养方案
|
||||
<a 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">
|
||||
@ -61,15 +75,15 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="rc-list__item rc-list__item--group" role="none">
|
||||
<a href="https://royalcanin.com.cn/about" class="rc-list__header" id="nav-footer-top-4" data-toggle="nav-footer-4" role="menuitem"
|
||||
>关于我们
|
||||
<a href="#about" class="rc-list__header" id="nav-footer-top-4" data-toggle="nav-footer-4" role="menuitem">
|
||||
关于我们
|
||||
</a>
|
||||
<ul class="rc-list rc-list--blank rc-list--align" id="nav-footer-4" aria-labelledby="nav-footer-top-4" role="menu">
|
||||
<li class="rc-list__item">
|
||||
<a href="https://royalcanin.com.cn/about#growth-phase1" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Our history">我们的历史</a>
|
||||
<a href="#about#growth-phase1" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Our history">我们的历史</a>
|
||||
</li>
|
||||
<li class="rc-list__item">
|
||||
<a href="https://royalcanin.com.cn/about" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Our values">我们的价值观</a>
|
||||
<a href="#about" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Our values">我们的价值观</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
@ -84,6 +98,9 @@
|
||||
|
||||
<div class="rc-layout-container rc-one-column rc-md-down">
|
||||
<div class="rc-column rc-padding-x--none">
|
||||
<a href="javascript:;" data-modal-trigger="modal-whereToBuy" onclick='bindTracking(this)' evt-name='页内弹窗' evt-cat='footererBtnClick' evt-val='在哪购买' class="rc-btn rc-btn--inverse rc-btn--icon-label rc-icon rc-bag--xs rc-brand3" title="Where to buy" role="menuitem">
|
||||
在哪购买
|
||||
</a>
|
||||
<!--
|
||||
<a class="rc-btn rc-btn--inverse rc-btn--icon-label rc-icon rc-language--xs rc-brand3" role="menuitem" data-modal-trigger="country-lang-selector">
|
||||
Language
|
||||
@ -205,7 +222,7 @@
|
||||
<br/>
|
||||
<a target='_blank' href='https://royalcanin.com.cn/#privacy'><span class="">隐私声明</span></a>
|
||||
|
|
||||
<a target='_blank' href='https://royalcanin.com.cn/declaration'><span class="">法律声明</span></a>
|
||||
<a target='_blank' href='#declaration'><span class="">法律声明</span></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
24974
rc-busness/package-lock.json
generated
Normal file
24974
rc-busness/package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
@ -1,7 +1,10 @@
|
||||
<template>
|
||||
|
||||
|
||||
<div>
|
||||
<Myheader></Myheader>
|
||||
<div class="rc-top"></div>
|
||||
<unlogin></unlogin>
|
||||
<!-- Suppose in header end -->
|
||||
<div class="ts-banner-swiper-container">
|
||||
<swiper :options="headerSwiperOption">
|
||||
@ -37,16 +40,15 @@
|
||||
<div class="online bold rc-md-up" v-show="catproduct"></div>
|
||||
|
||||
<div class="rc-full-width">
|
||||
<div class="rc-lunbo rc-full-width ts-position-identifier" data-rel="明星猫粮">
|
||||
<div class="rc-lunbo rc-full-width">
|
||||
<!-- <h2>明星猫粮</h2> -->
|
||||
<div class="pageFullScreen" id="xxxFullScreen" v-show="catproduct" ref="mingxing">
|
||||
<!-- 内容 -->
|
||||
<div class="rc-full-width rc-padding-y--md" id="swiper1">
|
||||
<div class="swiper-container rc-full-width rc-padding-y--md" id="swiper1">
|
||||
<h2 class="rc-beta rc-text--center">{{usertitle}}</h2>
|
||||
<!-- 轮播图 -->
|
||||
<div class="ts-carousel-container">
|
||||
<swiper class="rc-padding-bottom--md" :options="catStarProductswiperOption">
|
||||
<swiper-slide v-for="(item, index) in catlistvideo" :key="index">
|
||||
<van-swipe class="rc-padding-bottom--md">
|
||||
<van-swipe-item v-for="(item, index) in catlistvideo" :key="index">
|
||||
<div class="rc-video">
|
||||
<div class="uservideo">
|
||||
<video controls="" :poster=item.catimage>
|
||||
@ -55,7 +57,7 @@
|
||||
</div>
|
||||
|
||||
<div class="rc-right">
|
||||
<img :src=item.productimage alt="">
|
||||
<img :src=item.catimage alt="">
|
||||
<span>{{item.title}}</span>
|
||||
<p>{{item.detail}}</p>
|
||||
<em>{{item.price}}</em>
|
||||
@ -70,7 +72,7 @@
|
||||
</video>
|
||||
</div>
|
||||
|
||||
<img :src=item.productimage alt="">
|
||||
<img :src=item.catimage alt="">
|
||||
<span>{{item.title}}</span>
|
||||
<p>{{item.detail}}</p>
|
||||
<em>{{item.price}}</em>
|
||||
@ -79,20 +81,23 @@
|
||||
<i @click="userbuy(item,index)" class="ts-standard-btn ts-standard-btn--two center">立即购买</i>
|
||||
</div>
|
||||
</div>
|
||||
</swiper-slide>
|
||||
</swiper>
|
||||
<div id="catStarSwiperPagnation" class="swiper-pagination ts-carousel-indicator center"></div>
|
||||
</div>
|
||||
</van-swipe-item>
|
||||
</van-swipe>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="online bold" v-show="onemao"></div>
|
||||
<div class="selectionswitch rc-full-width rc-max-width--xl rc-padding-y--md" ref="usercontent" v-show="onemao">
|
||||
<h2 class="rc-beta rc-text--center ts-position-identifier" data-rel="猫湿粮" >全价猫湿粮</h2>
|
||||
<van-tabs @click='catclickShi' class="van-tabs" v-if="onemao" v-model="maoshiCurIndex">
|
||||
<h2 class="rc-beta rc-text--center" >全价猫湿粮</h2>
|
||||
<van-tabs @change='catclick' class="van-tabs">
|
||||
<van-tab v-for="(item,index) in discoun" :key="index" :title="item.title">
|
||||
<div class="rc-contair">
|
||||
<ul class="ts-product-list rc-margin-bottom--lg">
|
||||
@ -165,18 +170,22 @@
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<nuxt-link :to="`/productdetails/productlist/`">
|
||||
<div class="userserlect">
|
||||
<span class="ts-standard-btn center">查看更多</span>
|
||||
</div>
|
||||
</nuxt-link>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="online bold" v-show="twomao"></div>
|
||||
<div class="selectionswitch rc-full-width rc-max-width--xl rc-padding-y--md" v-show="twomao" ref="catgan">
|
||||
<h2 class="rc-beta rc-text--center ts-position-identifier" data-rel="猫干粮">全价猫干粮</h2>
|
||||
<van-tabs @click='catclickGan' class="van-tabs" v-if="twomao" v-model="maoganCurIndex">
|
||||
<h2 class="rc-beta rc-text--center">全价猫干粮</h2>
|
||||
<van-tabs @change='catclick' class="van-tabs">
|
||||
<van-tab v-for="(item,index) in discoun" :key="index" :title="item.title">
|
||||
<div class="rc-contair">
|
||||
<ul class="ts-product-list rc-margin-bottom--lg">
|
||||
@ -271,12 +280,11 @@
|
||||
<!-- 内容 -->
|
||||
<div class="swiper-container rc-full-width rc-padding-y--md" id="swiper2">
|
||||
<div class="oc-top">
|
||||
<h2 class="rc-beta rc-text--center ts-position-identifier" data-rel="明星犬粮">{{dogtitle}}</h2>
|
||||
<h2 class="rc-beta rc-text--center">{{dogtitle}}</h2>
|
||||
</div>
|
||||
<!-- 轮播图 -->
|
||||
<div class="ts-carousel-container">
|
||||
<swiper class="rc-padding-bottom--md" :options="dogStarProductswiperOption" v-if="dogshow">
|
||||
<swiper-slide v-for="(item, key) in doglistvideo" :key="key">
|
||||
<van-swipe class="rc-padding-bottom--md">
|
||||
<van-swipe-item v-for="(item, key) in doglistvideo" :key="key">
|
||||
<div class="rc-video">
|
||||
<div class="uservideo">
|
||||
<video controls="" :poster=item.catimage>
|
||||
@ -285,7 +293,7 @@
|
||||
</div>
|
||||
|
||||
<div class="rc-right">
|
||||
<img :src=item.productimage alt="">
|
||||
<img :src=item.catimage alt="">
|
||||
<span>{{item.title}}</span>
|
||||
<p>{{item.detail}}</p>
|
||||
<em>{{item.price}}</em>
|
||||
@ -300,7 +308,7 @@
|
||||
</video>
|
||||
</div>
|
||||
|
||||
<img :src=item.productimage alt="">
|
||||
<img :src=item.catimage alt="">
|
||||
<span>{{item.title}}</span>
|
||||
<p>{{item.detail}}</p>
|
||||
<em>{{item.price}}</em>
|
||||
@ -310,10 +318,8 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</swiper-slide>
|
||||
</swiper>
|
||||
<div id="dogStarSwiperPagnation" class="swiper-pagination ts-carousel-indicator center"></div>
|
||||
</div>
|
||||
</van-swipe-item>
|
||||
</van-swipe>
|
||||
</div>
|
||||
|
||||
|
||||
@ -324,20 +330,21 @@
|
||||
|
||||
|
||||
<div class="selectionswitch rc-full-width rc-max-width--xl rc-padding-y--md" v-show="threemao" ref="doggshi">
|
||||
<h2 class="rc-beta rc-text--center ts-position-identifier" data-rel="犬湿粮">全价犬湿粮</h2>
|
||||
<van-tabs @click='userdogShi' class="van-tabs" v-if="threemao" v-model="quanshiCurIndex">
|
||||
<h2 class="rc-beta rc-text--center">全价犬湿粮</h2>
|
||||
<van-tabs @change='userdog' class="van-tabs">
|
||||
<div class="online bold rc-md-down" v-show="threemao"></div>
|
||||
<van-tab v-for="(item,index) in dogtype" :key="index" :title="item.title">
|
||||
<div class="online bold rc-md-up" v-show="threemao"></div>
|
||||
<div class="online bold" v-show="threemao"></div>
|
||||
<div class="usermain">
|
||||
<ul class="ul-dog usermain">
|
||||
<li
|
||||
v-for="(dogListitem, dogListIndex) in userdoglist"
|
||||
:key="dogListIndex"
|
||||
@click="quanshi(dogListitem, dogListIndex)"
|
||||
:class="activeIndex5 == dogListIndex ? 'active' : 'unactive'"
|
||||
v-for="(item, index) in userdoglist"
|
||||
:key="index"
|
||||
@click="quanshi(item, index)"
|
||||
:class="activeIndex5 == index ? 'active' : 'unactive'"
|
||||
>
|
||||
<img :src="dogListitem.catimage" alt="">
|
||||
<span>{{ dogListitem.title }}</span>
|
||||
<img :src="item.catimage" alt="">
|
||||
<span>{{ item.title }}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@ -420,6 +427,7 @@
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<nuxt-link :to="`/productdetails/productlist/`">
|
||||
<div class="userserlect">
|
||||
<span class="ts-standard-btn center">查看更多</span>
|
||||
@ -439,20 +447,20 @@
|
||||
|
||||
<div class="online bold" v-show="fourmao"></div>
|
||||
<div class="selectionswitch rc-full-width rc-max-width--xl rc-padding-y--md" v-show="fourmao" ref="dogan">
|
||||
<h2 class="rc-beta rc-text--center ts-position-identifier" data-rel="犬干粮">全价犬干粮</h2>
|
||||
<van-tabs @click='userdogGan' class="van-tabs" v-if="fourmao" v-model="quanganCurIndex">
|
||||
<div class="online bold rc-md-up" v-show="fourmao"></div>
|
||||
<h2 class="rc-beta rc-text--center">全价犬干粮</h2>
|
||||
<van-tabs @change='userdog' class="van-tabs">
|
||||
<div class="online bold" v-show="fourmao"></div>
|
||||
<van-tab v-for="(item,index) in dogtype" :key="index" :title="item.title">
|
||||
<div class="usermain">
|
||||
<ul class="ul-dog usermain">
|
||||
<li
|
||||
v-for="(userDogListItem, userDogListIndex) in userdoglist"
|
||||
:key="userDogListIndex"
|
||||
@click="userdoghot(userDogListItem, userDogListIndex)"
|
||||
:class="activeIndex6 == userDogListIndex ? 'active' : 'unactive'"
|
||||
v-for="(item, index) in userdoglist"
|
||||
:key="index"
|
||||
@click="userdoghot(item, index)"
|
||||
:class="activeIndex6 == index ? 'active' : 'unactive'"
|
||||
>
|
||||
<img :src="userDogListItem.catimage" alt="">
|
||||
<span>{{ userDogListItem.title }}</span>
|
||||
<img :src="item.catimage" alt="">
|
||||
<span>{{ item.title }}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@ -532,6 +540,7 @@
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<nuxt-link :to="`/productdetails/productlist/`">
|
||||
<div class="userserlect">
|
||||
<span class="ts-standard-btn center">查看更多</span>
|
||||
@ -549,8 +558,8 @@
|
||||
<div class="online bold" v-show="fivemao"></div>
|
||||
|
||||
<div class="selectionswitch rc-full-width rc-max-width--xl rc-padding-y--md" v-show="fivemao" ref="chufang">
|
||||
<h2 class="rc-beta rc-text--center ts-position-identifier" data-rel="处方用粮">处方用粮</h2>
|
||||
<van-tabs @click='userclick' class="van-tabs" v-if="fivemao">
|
||||
<h2 class="rc-beta rc-text--center">处方用粮</h2>
|
||||
<van-tabs @change='userclick' class="van-tabs">
|
||||
<van-tab v-for="(item,index) in discounchufang" :key="index" :title="item.title">
|
||||
<div class="rc-contair">
|
||||
<ul class="ts-product-list rc-margin-bottom--lg">
|
||||
@ -694,11 +703,7 @@
|
||||
<span>回到顶部</span>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="!dataLoaded" class="ts-mask">
|
||||
<div class="ts-mask-bg"></div>
|
||||
<div class="userloding"></div>
|
||||
<span>数据加载中</span>
|
||||
</div>
|
||||
|
||||
<Myfooter v-on:litentop='showmesg'></Myfooter>
|
||||
</div>
|
||||
</template>
|
||||
@ -715,11 +720,9 @@
|
||||
meta: {title: '首页'},
|
||||
data(){
|
||||
return{
|
||||
fixedHeader:false,
|
||||
dataLoaded:true,
|
||||
useraindex:0,
|
||||
usertitle:'明星猫粮',
|
||||
dogtitle:'明星犬粮',
|
||||
dogtitle:'明星狗粮',
|
||||
processinformation:[],
|
||||
catshi:[],
|
||||
userindex:0,
|
||||
@ -797,16 +800,10 @@
|
||||
],
|
||||
'pc':[
|
||||
{src:"/images/banner/pc-banner1.png",link:""},
|
||||
{src:"/images/banner/pc-banner2.png",link:""},
|
||||
{src:"/images/banner/pc-banner3.png",link:""},
|
||||
{src:"/images/banner/pc-banner4.png",link:""}
|
||||
{src:"/images/banner/pc-banner2.png",link:""}
|
||||
]
|
||||
},
|
||||
showingBanners:[],
|
||||
maoganCurIndex:0,
|
||||
maoshiCurIndex:0,
|
||||
quanshiCurIndex:0,
|
||||
quanganCurIndex:0,
|
||||
userdoglist: [
|
||||
{
|
||||
title: "小型犬",
|
||||
@ -862,7 +859,7 @@
|
||||
catimage: require("../assets/cat.png"),
|
||||
},
|
||||
{
|
||||
title: "明星犬粮",
|
||||
title: "明星狗粮",
|
||||
detail:'为10月龄及以上英国短毛猫成猫量身打造的精准营养',
|
||||
price:'￥112',
|
||||
catimage: require("../assets/six.png"),
|
||||
@ -920,72 +917,64 @@
|
||||
],
|
||||
catlistvideo: [
|
||||
{
|
||||
title: "主食级猫湿粮",
|
||||
title: "明星猫粮",
|
||||
video:"/images/cat/one.mp4",
|
||||
catimage: "/images/cat/one.jpg",
|
||||
productimage: "/images/cat/star-1.png",
|
||||
detail:'为10柔软细腻慕斯 适合离乳期幼猫舔食',
|
||||
price:'¥77',
|
||||
detail:'为10月龄及以上英国短毛猫成猫量身打造的精准营养',
|
||||
price:'¥123.45',
|
||||
},
|
||||
{
|
||||
title: "幼猫成长专属",
|
||||
title: "猫湿粮",
|
||||
video:"/images/cat/two.mp4",
|
||||
catimage: "/images/cat/two.jpg",
|
||||
productimage: "/images/cat/star-2.png",
|
||||
detail:'支持幼猫自身保护力 为快速生长提供足够能量',
|
||||
price:'¥147',
|
||||
detail:'为10月龄及以上英国短毛猫成猫量身打造的精准营养',
|
||||
price:'¥123.45',
|
||||
},
|
||||
{
|
||||
title: "室内成猫专属",
|
||||
title: "猫干粮",
|
||||
video:"/images/cat/three.mp4",
|
||||
catimage: "/images/cat/three.jpg",
|
||||
productimage: "/images/cat/star-3.png",
|
||||
detail:'高易消化蛋白 减少粪便量和异味',
|
||||
price:'¥140',
|
||||
detail:'为10月龄及以上英国短毛猫成猫量身打造的精准营养',
|
||||
price:'¥123.45',
|
||||
},
|
||||
{
|
||||
title: "英短成猫专属",
|
||||
title: "猫干粮",
|
||||
video:"/images/cat/four.mp4",
|
||||
catimage: "/images/cat/four.jpg",
|
||||
productimage: "/images/cat/star-4.png",
|
||||
detail:'增强肌肉质量 支持骨骼与关节健康',
|
||||
price:'¥183',
|
||||
detail:'为10月龄及以上英国短毛猫成猫量身打造的精准营养',
|
||||
price:'¥123.45',
|
||||
},
|
||||
|
||||
],
|
||||
|
||||
doglistvideo: [
|
||||
{
|
||||
title: "主食级狗湿粮",
|
||||
title: "明星狗粮",
|
||||
video:"/images/dog/one.mp4",
|
||||
catimage: "/images/dog/one.jpg",
|
||||
productimage: "/images/cat/star-1.png",
|
||||
detail:'柔软细腻慕斯 适合离乳期幼犬舔食',
|
||||
price:'¥77',
|
||||
detail:'为10月龄及以上成犬量身打造的精准营养',
|
||||
price:'¥123.45',
|
||||
},
|
||||
{
|
||||
title: "贵宾成犬专属",
|
||||
title: "狗湿粮",
|
||||
video:"/images/dog/two.mp4",
|
||||
catimage: "/images/dog/two.jpg",
|
||||
productimage: "/images/cat/star-2.png",
|
||||
detail:'护肤靓毛 理想体态',
|
||||
price:'¥241',
|
||||
detail:'为10月龄及以上英国成犬量身打造的精准营养',
|
||||
price:'¥123.45',
|
||||
},
|
||||
{
|
||||
title: "小型犬成犬专属",
|
||||
title: "狗干粮",
|
||||
video:"/images/dog/three.mp4",
|
||||
catimage: "/images/dog/three.jpg",
|
||||
productimage: "/images/cat/star-3.png",
|
||||
detail:'亮泽被毛 呵护牙齿',
|
||||
price:'¥121',
|
||||
detail:'为10月龄及以上英国犬成犬量身打造的精准营养',
|
||||
price:'¥123.45',
|
||||
},
|
||||
{
|
||||
title: "离乳期全价奶糕",
|
||||
title: "狗干粮",
|
||||
video:"/images/dog/four.mp4",
|
||||
catimage: "/images/dog/four.jpg",
|
||||
productimage: "/images/cat/star-4.png",
|
||||
detail:'高易再水合颗粒 帮助增强保护健康成长',
|
||||
price:'¥88',
|
||||
detail:'为10月龄及以上英国成犬量身打造的精准营养',
|
||||
price:'¥123.45',
|
||||
},
|
||||
|
||||
],
|
||||
@ -1150,14 +1139,8 @@
|
||||
}
|
||||
window.addEventListener("scroll", this.handleScroll, true);
|
||||
this.userchufang();//查询处方粮商品信息
|
||||
|
||||
this.catmessage();//查询猫的信息
|
||||
this.catclickGan();
|
||||
this.catclickShi();
|
||||
|
||||
this.dogmessage();//查询狗的信息
|
||||
this.userdogShi();
|
||||
this.userdogGan();
|
||||
},
|
||||
destroyed () {
|
||||
window.removeEventListener('scroll', this.scrollToTop);
|
||||
@ -1209,6 +1192,8 @@
|
||||
|
||||
ifadroind(item,index,order){
|
||||
//console.log(item,index,order);
|
||||
|
||||
|
||||
var sUserAgent = navigator.userAgent.toLowerCase();
|
||||
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
|
||||
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
|
||||
@ -1283,7 +1268,7 @@
|
||||
this.dogshow=false;
|
||||
this.catproduct=false;
|
||||
}
|
||||
if(item.title=='明星犬粮'){
|
||||
if(item.title=='明星狗粮'){
|
||||
this.onemao=false;
|
||||
this.twomao=false;
|
||||
this.threemao=false;
|
||||
@ -1305,30 +1290,6 @@
|
||||
let dogtop=document.querySelector('.oc-top');
|
||||
//console.log(dogtop);
|
||||
//console.log(mingxin.offsetTop);
|
||||
|
||||
let positionIdentifier=document.querySelectorAll('.ts-position-identifier');
|
||||
let tmpTitle='';
|
||||
let scrollToTop=0;
|
||||
let _self=this;
|
||||
let transition = 230;
|
||||
positionIdentifier.forEach(function(ele,index){
|
||||
tmpTitle = ele.getAttribute("data-rel");
|
||||
if(item.title==tmpTitle)
|
||||
{
|
||||
if(_self.fixedHeader && item.title!='明星猫粮')
|
||||
{
|
||||
transition+=130;
|
||||
}
|
||||
scrollToTop = _self.heightToTop(positionIdentifier[index]) - transition;
|
||||
//positionIdentifier[index].scrollIntoView(true);
|
||||
window.scrollTo({
|
||||
top:scrollToTop,
|
||||
behavior:'smooth'
|
||||
})
|
||||
//document.body.scrollTop = oPos;
|
||||
}
|
||||
})
|
||||
/*
|
||||
if(item.title=='犬湿粮'||item.title=='犬干粮'||item.title=='处方用粮'){
|
||||
userindex=userindex-2
|
||||
}else{
|
||||
@ -1340,7 +1301,7 @@
|
||||
let catshiid=document.querySelectorAll('.selectionswitch');
|
||||
catshiid[userindex].scrollIntoView(true);
|
||||
}
|
||||
if(item.title=='明星犬粮')
|
||||
if(item.title=='明星狗粮')
|
||||
dogtop.scrollIntoView(true);
|
||||
// if(item.title=="猫湿粮"){
|
||||
// this.catproduct=false;
|
||||
@ -1351,7 +1312,6 @@
|
||||
|
||||
// }
|
||||
//console.log("当前是手机打开")
|
||||
*/
|
||||
}
|
||||
},
|
||||
heightToTop(ele){
|
||||
@ -1398,15 +1358,17 @@
|
||||
this.userserachlist.push(petType)
|
||||
}
|
||||
}
|
||||
//TODO how to combine "apiName" here?
|
||||
this.dogmessage(this.userserachlist,"Gan");
|
||||
this.dogmessage(this.userserachlist)
|
||||
},
|
||||
|
||||
|
||||
userlook(order){
|
||||
if(order==0){
|
||||
this.catshi=this.catlist;
|
||||
}
|
||||
if(order==1){
|
||||
this.catgan=this.catlist;
|
||||
|
||||
}else if(order==2){
|
||||
this.dogshi=this.doglist
|
||||
}
|
||||
@ -1416,7 +1378,10 @@
|
||||
else if(order==4){
|
||||
this.processinformation=this.chufanlist
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
|
||||
showmesg(){
|
||||
this.toTop();
|
||||
},
|
||||
@ -1430,13 +1395,11 @@
|
||||
let scrolltop = document.documentElement.scrollTop || document.body.scrollTop;
|
||||
if((scrolltop-fixedCatbarSeperator.offsetTop)>0)
|
||||
{
|
||||
this.fixedHeader=false;
|
||||
this.gotop = true
|
||||
this.searchBar=false
|
||||
}
|
||||
else
|
||||
{
|
||||
this.fixedHeader=true;
|
||||
this.gotop = false;
|
||||
this.searchBar=true
|
||||
}
|
||||
@ -1452,16 +1415,13 @@
|
||||
}, 10);
|
||||
},
|
||||
async courseId(item) {
|
||||
this.dataLoaded=false;
|
||||
let data = await postCourseId(this.productCode,1,this.usermessage.data.id,this.usermessage.data.mobile,item.picFile,item.name,item.basePrice,item.specifications);
|
||||
if(data){
|
||||
this.productlist=data;
|
||||
this.dataLoaded=true;
|
||||
}
|
||||
},
|
||||
//请求猫
|
||||
async catmessage(stype,dataType) {
|
||||
this.dataLoaded=false;
|
||||
async catmessage(stype) {
|
||||
let data=[];
|
||||
if(stype==undefined||stype==null){
|
||||
data = await biaomessage(0,'',1,6);
|
||||
@ -1469,22 +1429,11 @@
|
||||
data = await biaomessage(this.userserachlist,'',1,6);
|
||||
}
|
||||
if(data){
|
||||
let userlist=[];
|
||||
//userlist=data.slice(0,6);
|
||||
if(dataType)
|
||||
{
|
||||
if(dataType=='Shi')
|
||||
this.catshi=data;
|
||||
else if(dataType=='Gan')
|
||||
this.catgan=data;
|
||||
}
|
||||
else
|
||||
{
|
||||
this.catlist=data;
|
||||
//this.catgan=userlist;
|
||||
//this.catshi=userlist;
|
||||
}
|
||||
this.dataLoaded=true;
|
||||
let userlist=[];
|
||||
userlist=data.slice(0,6);
|
||||
this.catshi=userlist;
|
||||
this.catgan=userlist;
|
||||
}
|
||||
},
|
||||
|
||||
@ -1535,24 +1484,24 @@
|
||||
|
||||
//请求处方量信息数据
|
||||
async userchufang() {
|
||||
this.dataLoaded=false;
|
||||
let list=[];
|
||||
let data = await userque();
|
||||
if(data){
|
||||
list=data.slice(0,6);
|
||||
this.processinformation=list;
|
||||
this.chufanlist=data;
|
||||
this.dataLoaded=true;
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
//点击请求处方量标签信息数据
|
||||
async userquery(item) {
|
||||
this.dataLoaded=false;
|
||||
let data = await userquery(item);
|
||||
if(data){
|
||||
this.processinformation=data;
|
||||
this.dataLoaded=true;
|
||||
}
|
||||
|
||||
},
|
||||
//处方用粮筛选
|
||||
userclick(item,index){
|
||||
@ -1588,7 +1537,7 @@
|
||||
this.userserachlist.push(petType)
|
||||
}
|
||||
}
|
||||
this.catmessage(this.userserachlist,'Shi')
|
||||
this.catmessage(this.userserachlist)
|
||||
},
|
||||
|
||||
|
||||
@ -1603,6 +1552,7 @@
|
||||
if(item.title=='购物车'){
|
||||
this.$router.push({
|
||||
path: "/myorder/userrecord",
|
||||
|
||||
});
|
||||
}
|
||||
if(item.title=='营养专家'){
|
||||
@ -1618,28 +1568,34 @@
|
||||
this.courseId(item)
|
||||
this.$router.push({
|
||||
path: "/myorder/userrecord",
|
||||
|
||||
});
|
||||
},
|
||||
|
||||
selectGoods(item,index){
|
||||
//console.log(item,index);
|
||||
console.log(item,index);
|
||||
this.activeIndex=index;
|
||||
//console.log(item.title);
|
||||
console.log(item.title);
|
||||
|
||||
this.ifadroind(item,index,this.useraindex)
|
||||
// this.ifAdoid(item,index);
|
||||
|
||||
},
|
||||
quanshi(item,index){
|
||||
this.activeIndex5=index;
|
||||
this.userdogShi();
|
||||
console.log(item,index);
|
||||
this.activeIndex5=index
|
||||
console.log(this.activeIndex5);
|
||||
|
||||
},
|
||||
userdoghot(item,index){
|
||||
this.activeIndex6=index;
|
||||
this.userdogGan();
|
||||
this.activeIndex6=index
|
||||
|
||||
},
|
||||
selectGo(item,index){
|
||||
this.activeInde2=index;
|
||||
},
|
||||
selectGoo(item,index){
|
||||
|
||||
this.activeInde3=index;
|
||||
}
|
||||
},
|
||||
|
||||
@ -1,8 +1,12 @@
|
||||
<template>
|
||||
<div>
|
||||
<Myheader></Myheader>
|
||||
<div class="usermain">
|
||||
<div class="rc-main" v-for="(item, index) in list" :key="index">
|
||||
<div class="rc-top"></div>
|
||||
<div class="online bold"></div>
|
||||
<div class="usercontshow rc-max-width--xl">
|
||||
<div class="usercontend" v-for="(item, index) in list" :key="index">
|
||||
<div class="usercontshow usermain" >
|
||||
<div class="rc-cat" >
|
||||
<div class="rc-center">
|
||||
<div class="rc-header">
|
||||
<em>
|
||||
@ -32,21 +36,36 @@
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="online bold rc-md-down"></div>
|
||||
<!-- <div class="usercontend useradd">
|
||||
<img src="../../assets/image/userselect.png" alt="">
|
||||
<span>添加收货地址</span>
|
||||
</div> -->
|
||||
|
||||
</div>
|
||||
|
||||
<div class="usercontshow useredit">
|
||||
|
||||
<img src="../../assets/image/userselect.png" alt="">
|
||||
<span>添加收货地址</span>
|
||||
</div>
|
||||
<div class="rc-button">
|
||||
<div class="rc-footbutton" @click="onAdd()">
|
||||
<span>新增收货地址</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<MyFooter></MyFooter>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { areaList } from "@vant/area-data";
|
||||
import { selectaddress } from "../../ajax/getData";
|
||||
import { editdelete } from "../../ajax/getData";
|
||||
import Myheader from "~/components/header.vue";
|
||||
import { Toast } from "vant";
|
||||
import { areaList } from '@vant/area-data';
|
||||
import Myheader from '~/components/header.vue'
|
||||
import MyFooter from '~/components/rc-footer.vue'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
@ -113,6 +132,7 @@ export default {
|
||||
},
|
||||
components: {
|
||||
Myheader,
|
||||
MyFooter
|
||||
},
|
||||
|
||||
mounted() {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user