add:签到活动详情页

pages/upload/upload.vue

@@ -43,8 +43,11 @@
 				<text>day1</text>
 			</view>
 		</view>
+		<view class="wrap">
+			<u-swiper :list="list" indicator-pos="topRight" height='800'></u-swiper>
+		</view>
 		<view class="main">
-			<view class="img-box">
+			<view class="img-box" v-if="false">
 				<image src="../../static/imgs/ic_upload@2x.png" mode=""></image>
 				<text>上传图标</text>
 			</view>
@@ -58,7 +61,20 @@
 	export default {
 		data() {
 			return {
-				
+				active: false,
+				list: [{
+						image: 'https://cdn.uviewui.com/uview/swiper/1.jpg',
+						title: '昨夜星辰昨夜风，画楼西畔桂堂东'
+					},
+					{
+						image: 'https://cdn.uviewui.com/uview/swiper/2.jpg',
+						title: '身无彩凤双飞翼，心有灵犀一点通'
+					},
+					{
+						image: 'https://cdn.uviewui.com/uview/swiper/3.jpg',
+						title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳'
+					}
+				],
 			};
 		}
 	}
@@ -66,11 +82,16 @@
 
 <style lang="scss" scoped>
 	.app {
+		background-color: #FFFFFF;
+			.wrap {
+				padding: 40rpx;
+			}
 		.main {
 			display: flex;
 			align-items: center;
 			flex-direction: column;
-		  .btns{
+
+			.btns {
 				width: 590rpx;
 				height: 74rpx;
 				border-radius: 8rpx;
@@ -84,11 +105,13 @@
 				align-items: center;
 				justify-content: center;
 			}
+
 			.yellow {
 				border: none;
 				background-color: #FFC915;
 				margin-top: 30rpx;
 			}
+
 			.img-box {
 				width: 660rpx;
 				height: 345rpx;
@@ -100,13 +123,15 @@
 				display: flex;
 				align-items: center;
 				flex-direction: column;
-			  image{
+
+				image {
 					width: 121rpx;
 					height: 94rpx;
 					margin-bottom: 21rpx;
 					margin-top: 99rpx;
 				}
-			  text{
+
+				text {
 					font-size: 24rpx;
 					font-weight: 400;
 					color: #999999;
@@ -114,11 +139,13 @@
 				}
 			}
 		}
+
 		.days {
 			display: flex;
 			padding: 42rpx;
 			margin-bottom: 20rpx;
 			background-color: #FFFFFF;
+
 			.line {
 				width: 60rpx;
 				height: 3rpx;

uview-ui/components/u-swiper/u-swiper.vue

@@ -20,6 +20,18 @@
 						}, titleStyle]">
 						{{ item.title }}
 					</view>
+					<view class="tips">I,will smith ,want to stick to the idea of seven days of smiling life.Witness for me!</view>
+					<view class="btns">
+						<view class="item">
+							<image src="../../../static/imgs/ic_shu@2x.png" mode=""></image>
+							<text>233</text>
+						</view>
+						<view class="item" style="margin-right: 0;">
+							<image style="width: 27rpx;height: 27rpx;" src="../../../static/imgs/ic_good@2x.png" mode=""></image>
+							<text>233</text>
+						</view>
+						
+					</view>
 				</view>
 			</swiper-item>
 		</swiper>
@@ -232,7 +244,33 @@
 
 <style lang="scss" scoped>
 	@import "../../libs/css/style.components.scss";
-	
+	.btns {
+		display: flex;
+		justify-content: flex-end;
+		.item{
+			display: flex;
+			align-items: center;
+			margin-right: 67rpx;
+			image{
+				width: 30rpx;
+				height: 23rpx;
+				margin-right: 10rpx;
+			}
+			text{
+				font-size: 26rpx;
+				font-family: OpenSans;
+				color: #555555;
+				line-height: 36rpx;
+			}
+		}
+	}
+	.tips{
+		font-size: 24rpx;
+		font-family: OpenSans;
+		color: #333333;
+		line-height: 36rpx;
+		margin: 10rpx 0 28rpx 0;
+	}
 	.u-swiper-wrap {
 		position: relative;
 		overflow: hidden;
@@ -242,7 +280,7 @@
 	.u-swiper-image {
 		width: 100%;
 		will-change: transform;
-		height: 100%;
+		height: 80%;
 		/* #ifndef APP-NVUE */
 		display: block;
 		/* #endif */
@@ -319,6 +357,7 @@
 		overflow: hidden;
 		box-sizing: content-box;
 		position: relative;
+		background-color: #FFFFFF;
 	}
 
 	.u-swiper-title {