8-28

components/recommend/index.vue

@@ -122,11 +122,15 @@
 		height: 118rpx;
 	
 		.title {
-			padding: 0 80rpx;
+			padding: 15rpx 150rpx;
 			font-size: 34rpx;
-			color: $theme-color;
+			// color: $theme-color;
+			color: #bc7b00;
+			// padding: 0 80rpx;
+			// font-size: 34rpx;
+			// color: $theme-color;
 			font-weight: bold;
-			background-image: url("~@/static/images/index-title.png");
+			background-image: url("~@/static/images/index-foryou.png");
 			background-repeat: no-repeat;
 			background-size: 100% auto;
 			background-position: left center;

pages/index/index.vue

@@ -247,7 +247,7 @@
 					<view class="spike-bd">
 						<view class="title line1">助力活动</view>
 						<view v-if="assistUserList.length > 0" class="activity_pic">
-							<view v-for="(item,index) in assistUserList" class="picture">
+							<view v-for="(item,index) in assistUserList" class="picture" :key="index">
 								<span class="avatar" :style='"background-image: url("+item.avatar_img+")"'></span>
 							</view>
 							<text class="pic_count">{{assistUserCount}}人助力成功</text>
@@ -291,8 +291,10 @@
 				</view>
 				<!-- #endif -->
 				<!-- #ifndef MP-TOUTIAO -->
+				<!-- 热点菜单 -->
 				<view class="hot-img" style="margin-top:20rpx">
 					<navigator :url="item.url" class="item" v-for="(item,index) in hot" :key="index" hover-class="none">
+						<image src="../../static/img/dhbg.png" mode="" class="dhbg"></image>
 						<view class="title area-row">{{item.title}}</view>
 						<view class="msg area-row" :style="'color:'+item.color+';'">{{item.s_title}}</view>
 						<view class="img">
@@ -305,6 +307,7 @@
 				<view class="explosion" v-if="brandList.length && hide_mer_status !=1">
 					<view class="common-hd">
 						<view class="title">品牌好店</view>
+						<!-- <view class="title"></view> -->
 					</view>
 					<view class="mer-box">
 						<view class="mer-item" v-for="(item,index) in brandList" :key='index'>
@@ -2105,10 +2108,10 @@
 			}
 
 			.hot-img {
+				// position: relative;
 				display: flex;
 				align-items: center;
 				justify-content: space-between;
-
 				.item {
 					display: flex;
 					flex-direction: column;
@@ -2118,7 +2121,14 @@
 					padding: 20rpx 0 4rpx;
 					border-radius: 8rpx;
 					box-shadow: 2px 1px 6px 1px rgba(0, 0, 0, 0.03);
-
+					position: relative;
+					.dhbg {
+						position: absolute;
+						top: 0;
+						width: 170rpx;
+						height: 245rpx;	
+							
+					}
 					.title {
 						font-weight: bold;
 						color: #282828;
@@ -2163,11 +2173,12 @@
 				height: 118rpx;
 
 				.title {
-					padding: 0 80rpx;
+					padding: 15rpx 150rpx;
 					font-size: 34rpx;
-					color: $theme-color;
+					// color: $theme-color;
+					color: #bc7b00;
 					font-weight: bold;
-					background-image: url("~@/static/images/index-title.png");
+					background-image: url("~@/static/images/index-foryou.png");
 					background-repeat: no-repeat;
 					background-size: 100% auto;
 					background-position: left center;