mirror of
https://gitee.com/lab1024/smart-admin.git
synced 2025-10-02 02:06:38 +08:00
Index style update
This commit is contained in:
Vion
parent
a40446e8c2
commit
5f8154bb63
@ -369,9 +369,13 @@ 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;
|
||||
.rc-column{
|
||||
span{
|
||||
font-size:1.875rem;
|
||||
@ -543,10 +547,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;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -5,29 +5,28 @@
|
||||
/deep/.van-swipe__indicator--active{
|
||||
background-color: #E1001A;
|
||||
}
|
||||
.rc-ma{
|
||||
.ul-zhuan{
|
||||
li{
|
||||
background: unset;;
|
||||
img{
|
||||
border-radius: 50%;
|
||||
}
|
||||
&.active {
|
||||
img{
|
||||
border: 3px solid #E2001A;
|
||||
}
|
||||
color: #E2001A;
|
||||
|
||||
}
|
||||
&.unactive {
|
||||
color: #444444;
|
||||
img{
|
||||
border: 3px solid #D7D7D7;
|
||||
}
|
||||
}
|
||||
|
||||
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{
|
||||
@ -39,8 +38,7 @@
|
||||
.ul-dog{
|
||||
display: none;
|
||||
}
|
||||
.searchBara{
|
||||
position: fixed;
|
||||
.searchBara{
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top:66px;
|
||||
@ -66,12 +64,11 @@
|
||||
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;
|
||||
@ -122,7 +119,6 @@
|
||||
|
||||
.van-swipe-item {
|
||||
color: #fff;
|
||||
height: 26.31rem;
|
||||
width: 100%;
|
||||
font-size: 0.20px;
|
||||
text-align: center;
|
||||
@ -172,7 +168,6 @@
|
||||
.uservideo{
|
||||
width: 100%;
|
||||
height:auto;
|
||||
max-height: 15.68rem;
|
||||
display: block;
|
||||
video{
|
||||
max-width:100%;
|
||||
@ -209,6 +204,7 @@
|
||||
margin-top: 1.25rem;
|
||||
}
|
||||
p{
|
||||
color: #666666;
|
||||
font-size: .875rem;
|
||||
text-overflow: -o-ellipsis-lastline;
|
||||
overflow: hidden;
|
||||
@ -301,22 +297,22 @@
|
||||
|
||||
}
|
||||
}
|
||||
.active {
|
||||
font-size: 0.14rem;
|
||||
img{
|
||||
border-width: 1px;
|
||||
}
|
||||
}
|
||||
.unactive {
|
||||
font-size: 0.14rem;
|
||||
img{
|
||||
border-width: 1px;
|
||||
}
|
||||
}
|
||||
// .usermain{
|
||||
// display: none;
|
||||
// }
|
||||
}
|
||||
.active {
|
||||
font-size: 0.14rem;
|
||||
img{
|
||||
border-width: 1px;
|
||||
}
|
||||
}
|
||||
.unactive {
|
||||
font-size: 0.14rem;
|
||||
img{
|
||||
border-width: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width: 769px)
|
||||
@ -518,14 +514,18 @@ img{
|
||||
display: block;
|
||||
}
|
||||
img{
|
||||
width: 10vw;
|
||||
height: 10vw;
|
||||
width:100%;
|
||||
height: auto;
|
||||
object-fit: contain;
|
||||
display: block;
|
||||
}
|
||||
li{
|
||||
width: 10vw;
|
||||
max-width:11rem;
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
overflow:hidden;
|
||||
}
|
||||
}
|
||||
|
||||
@ -548,7 +548,7 @@ img{
|
||||
flex-direction: row;
|
||||
|
||||
span{
|
||||
margin-top: 2.5rem;
|
||||
margin-top: .5rem;
|
||||
display: block;
|
||||
}
|
||||
img{
|
||||
@ -559,11 +559,8 @@ img{
|
||||
li{
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
width: 9.875rem;
|
||||
text-align: center;
|
||||
height: 9.875rem;
|
||||
background: #F6F6F6;
|
||||
border-radius: 50%;
|
||||
margin-top:3rem;
|
||||
margin-left:3rem;
|
||||
}
|
||||
}
|
||||
|
||||
@ -58,7 +58,7 @@
|
||||
</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">
|
||||
<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-xl-up" aria-label="pin">
|
||||
<span class="rc-screen-reader-text">
|
||||
translations.feature.headerbar.pin
|
||||
</span>
|
||||
@ -196,7 +196,7 @@
|
||||
<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">
|
||||
|
||||
@ -6,14 +6,15 @@
|
||||
<div class="rc-top"></div>
|
||||
<unlogin></unlogin>
|
||||
<!-- Suppose in header end -->
|
||||
<van-swipe :autoplay="3000" class="rc-padding-bottom--md" touchable>
|
||||
|
||||
<van-swipe :autoplay="3000" class="" touchable>
|
||||
<van-swipe-item v-for="(banner, index) in showingBanners" :key="index">
|
||||
<img :src="banner.src" class="useraimg"/>
|
||||
</van-swipe-item>
|
||||
</van-swipe>
|
||||
|
||||
|
||||
<div class="online bold rc-md-down" id="fixed-catbar-seperator"></div>
|
||||
|
||||
<div class="online bold rc-md-down"></div>
|
||||
<div id="fixed-catbar-seperator"></div>
|
||||
<div class="rc-max-width--xl">
|
||||
<div class="usermain">
|
||||
<div :class="searchBar?'rc-ma':'rc-ma searchBara'">
|
||||
@ -717,7 +718,7 @@
|
||||
return{
|
||||
useraindex:0,
|
||||
usertitle:'明星猫粮',
|
||||
dogtitle:'明星狗粮',
|
||||
dogtitle:'明星犬粮',
|
||||
processinformation:[],
|
||||
catshi:[],
|
||||
userindex:0,
|
||||
@ -854,7 +855,7 @@
|
||||
catimage: require("../assets/cat.png"),
|
||||
},
|
||||
{
|
||||
title: "明星狗粮",
|
||||
title: "明星犬粮",
|
||||
detail:'为10月龄及以上英国短毛猫成猫量身打造的精准营养',
|
||||
price:'￥112',
|
||||
catimage: require("../assets/six.png"),
|
||||
@ -944,7 +945,7 @@
|
||||
|
||||
doglistvideo: [
|
||||
{
|
||||
title: "明星狗粮",
|
||||
title: "明星犬粮",
|
||||
video:"/images/dog/one.mp4",
|
||||
catimage: "/images/dog/one.jpg",
|
||||
detail:'为10月龄及以上成犬量身打造的精准营养',
|
||||
@ -1228,7 +1229,7 @@
|
||||
this.dogshow=false;
|
||||
this.catproduct=false;
|
||||
}
|
||||
if(item.title=='明星狗粮'){
|
||||
if(item.title=='明星犬粮'){
|
||||
this.onemao=false;
|
||||
this.twomao=false;
|
||||
this.threemao=false;
|
||||
@ -1261,7 +1262,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;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user