11

pages/index/index.vue

@@ -52,6 +52,25 @@
 					</view>
 				</view>
 			</view>
+			
+			<view class="hd-list">
+				<uv-tabs
+					@click= "tabs"
+					:list="hdList" 
+					lineWidth="50rpx" 
+					:lineColor="`url(${lineBg}) 100% 100%`"
+					:activeStyle="{
+						color: '#fff',
+						fontWeight: 'bold',
+						transform: 'scale(1.05)'
+					}"
+					:inactiveStyle="{
+						color: '#999',
+						transform: 'scale(1)'
+					}" 
+					itemStyle="padding-left: 15px; padding-right: 15px; height: 44px;"
+				></uv-tabs>
+			</view>
 		
 		</view>
 		
@@ -74,7 +93,17 @@
 					'https://cdn.uviewui.com/uview/swiper/swiper1.png',
 					'https://cdn.uviewui.com/uview/swiper/swiper2.png',
 					'https://cdn.uviewui.com/uview/swiper/swiper3.png',
-				]
+				],
+				hdList: [
+					{ id: 0, name: '近期活动' },
+					{ id: 1, name: '往期活动' },
+				],
+				lineBg: require('@/static/image/cart/tabIcon.png')
+			}
+		},
+		methods:{
+			tabs(val) {
+				console.log(val);
 			}
 		}
 	}
@@ -130,6 +159,7 @@
 			}
 		
 			.ydsk-box {
+				margin-bottom: 10rpx;
 				&-title {
 					width: 250rpx;
 					background: url('@/static/image/home/title-bg.png') no-repeat;