Index style update

rc-busness/assets/css/global.less

@@ -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-left:0;
-			margin-right:0;
+			//margin-right:0;
 		}
 	}
 }

rc-busness/assets/css/index.less

@@ -5,8 +5,7 @@
 /deep/.van-swipe__indicator--active{
 	background-color: #E1001A;
 }
-.rc-ma{
+
-	.ul-zhuan{
 li{
 	background: unset;;
 	img{
@@ -26,8 +25,8 @@
 		}
 	}
 }
-	}
+
-}
+
 .uservideo{
 	overflow: hidden;
 	video{
@@ -40,7 +39,6 @@
 		display: none;
 	}
 	.searchBara{
-		position: fixed;
 		width: 100%;
 		position: fixed;
 		top:66px;
@@ -67,7 +65,6 @@
 			opacity: 1;
 		}
 	   }
-  
 	.rc-login{
 		width: 92%;
 		margin:0 auto;
@@ -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,6 +297,10 @@
 	
 		}
 	}
+	// .usermain{
+	// 	display: none;
+	//  }
+}
 .active {
 	font-size: 0.14rem;
 	img{
@@ -313,10 +313,6 @@
 		border-width: 1px;
 	}
 }
-	// .usermain{
-	// 	display: none;
-	//  }
-}
 
 
 @media screen and (min-width: 769px)
@@ -518,14 +514,18 @@ img{
 				display: block;
 			}
 			img{
-				width: 10vw;
+				width:100%;
-				height: 10vw;
+				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;
+				margin-top:3rem;
-				background: #F6F6F6;
-				border-radius: 50%;
 				margin-left:3rem;
 			}
 		}

rc-busness/components/header.vue

@@ -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">

rc-busness/pages/index.vue

@@ -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"></div>
-	<div class="online bold rc-md-down" id="fixed-catbar-seperator"></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;