首页修改

pages/index/index.vue

@@ -2,14 +2,14 @@
 	<view>
 		<u-select v-model="memberQyshow" @confirm="confirm" :default-value="defaultvalue" :list="memberQyColumns">
 		</u-select>
	
-		<u-navbar :is-back="false" :border-bottom="false" height="84">
+		<u-navbar :is-back="false" :border-bottom="false" height="54">
 
 			<view class="home-head" style="width: 100%;">
 				<view class="">
 					<img class="homeLogo" :src="homeLogo" alt="">
 
 				</view>
-				<view>
+				<!-- <view>
 					<view class="homeTab" style="
 							float: left;
 						">
@@ -25,13 +25,21 @@
 						<u-icon custom-prefix="custom-icon" name="map-pin-2-fill"></u-icon>
 						<span @click="memberQyshowBtn">{{memberQyObj.name}}</span>
 					</view>
-				</view>
-
+				</view> -->
+             
 
 			</view>
 		</u-navbar>
 
 		<view class="homeWrap">
+			<view class="home-title">
+				<view class="title">
+					今日推荐
+				</view>
+				<view class="view-all">
+					<text>查看全部</text><u-icon name="arrow-right" color="#999999" size="28"></u-icon>
+				</view>
+			</view>
 			<u-swiper v-if="wrapList.length" :list="wrapList" @click="clickBanner" :img-mode="'aspectFit'"
 				:name="'picUrl'" height="294" border-radius="24"></u-swiper>
 		</view>		
@@ -115,6 +123,19 @@
 				</view>
 			</view>
 		</view>
+	<!-- 视频简介 -->	
+	<view class="video-introduction">
+		<view class="title">
+			幸福有约·缘牵工会 活动视频简介
+		</view>
+		<view class="video">
+			<img src="../../static/img/activity.png" alt="">
+		</view>
+		
+	</view>
+		
+		
+		
 		<view class="bottom">
 			<u-divider>已经到底了</u-divider>
 		</view>		
 	</view>
@@ -449,12 +470,13 @@
 		height: 28px;
 		width: 148px;
 	}
+	
 
 	.home-head {
 		padding-right: 15px;
 		background-color: #fff;
 		z-index: 99;
-
+     
 		.homeAdd {
 			// position: absolute;
 			// right: -55px;
@@ -469,6 +491,25 @@
 
 	.homeWrap {
 		padding: 0 15px;
+		.home-title{
+			margin-bottom: 20rpx;
+			display: flex;
+			justify-content: space-between;
+			.title{
+				font-size: 18px;
+				color: #101010;
+			}
+			.view-all{
+				font-size: 16px;
+				color: #999999;
+				display: flex;
+				align-items: center;
+				.u-icon--right{
+					margin-left: 6rpx;
+				}
+				
+			}
+		}
 	}
 
 	.homeUser {
@@ -594,7 +635,28 @@
 		}
 	}
 
+
+// 视频简介
+.video-introduction{
+	margin: 0 32rpx;
+	margin-bottom: 32rpx;
+	.title{
+		font-size: 18px;
+		color: #101010;
+		
+	}
+	.video{
+		margin-top: 24rpx;
+		width: 100%;
+		height: 344rpx;
+		img{
+			width: 100%;
+			height: 100%;
+		}
+	}
+}
 	.bottom {
 		margin-bottom: 90px;
+		margin-top: 16px;
 	}
 </style>