소스 검색

任务列表

lilei 4 년 전
부모
커밋
9a20b733b2
9개의 변경된 파일97개의 추가작업 그리고 1개의 파일을 삭제
  1. 10 1
      pages.json
  2. 21 0
      pagesA/luckDraw/luckDraw.vue
  3. 66 0
      pagesA/taskList/taskList.vue
  4. BIN
      static/lottery_winbg.jpg
  5. BIN
      static/taskIcon1.png
  6. BIN
      static/taskIcon2.png
  7. BIN
      static/taskIcon3.png
  8. BIN
      static/taskIcon4.png
  9. BIN
      static/zpIcon.png

+ 10 - 1
pages.json

@@ -238,7 +238,16 @@
 			    }
 			    
 			}
-		]
+		    ,{
+                    "path" : "taskList/taskList",
+                    "style" :                                                                                    
+                {
+                    "navigationBarTitleText": "抽奖任务",
+                    "enablePullDownRefresh": false
+                }
+                
+                }
+            ]
 	}],
 	"preloadRule": {
 		"pages/index/index": {

+ 21 - 0
pagesA/luckDraw/luckDraw.vue

@@ -66,6 +66,8 @@
 				</view>
 			</view>
 		</view>
+		<!-- 更多任务 -->
+		<view class="taskBar" @click="toTaskList">做任务,赚更多抽奖次数</view>
 		<!-- 抽奖活动弹框 -->
 		<u-popup v-model="showLottery" mode="center" close-icon-color="#ffffff" closeable :border-radius="30" width="500rpx" height="450rpx">
 			<view class="lottery-content win_0" v-if="winTypes == 'win_0'">
@@ -388,6 +390,12 @@ export default {
 			uni.navigateTo({
 				url: '/pagesA/luckDraw/myJp'
 			})
+		},
+		// 任务列表
+		toTaskList(){
+			uni.navigateTo({
+				url: '/pagesA/taskList/taskList'
+			})
 		}
 	},
 	onShow() {
@@ -563,6 +571,19 @@ export default {
 			font-size: 32rpx;
 		}
 	}
+	.taskBar{
+		background: rgba(0,0,0,0.5);
+		padding: 20rpx;
+		font-size: 30rpx;
+		text-align: center;
+		width: 80%;
+		left: 50%;
+		margin-left: -40%;
+		bottom: 24rpx;
+		position: fixed;
+		color: #fff;
+		border-radius: 200rpx;
+	}
 	// 未中奖
 	.win_0{
 		.lottery-title{

+ 66 - 0
pagesA/taskList/taskList.vue

@@ -0,0 +1,66 @@
+<template>
+	<view class="content">
+		<view class="task-list" v-for="(item,index) in 3" :key="index">
+			<view class="task-l">
+				<u-image width="80rpx" height="80rpx" :src="`/static/taskIcon${index+1}.png`"></u-image>
+				<view class="task-l-info">
+					<view class="task-l-title">新用户登录</view>
+					<view class="task-l-desc">赚<text>1</text>次抽奖 <u-image width="22rpx" height="22rpx" src="/static/zpIcon.png"></u-image></view>
+				</view>
+			</view>
+			<view class="task-r">
+				<u-button size="medium" v-if="index==0" :custom-style="{padding:'6px 10px',width:'100%',background:'#989898',color:'#ffffff'}">已完成</u-button>
+				<u-button size="medium" v-else :custom-style="{padding:'6px 10px',width:'100%',background:'#02c9b2',color:'#ffffff'}">立即前往</u-button>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="less">
+	.content{
+		width: 100%;
+		padding: 0;
+	}
+	.task-list{
+		display: flex;
+		align-items: center;
+		padding: 20rpx 40rpx;
+		border-bottom: 1px solid #eee;
+		background-color: #FFFFFF;
+		.task-l{
+			width: 80%;
+			display: flex;
+			align-items: center;
+			.task-l-info{
+				flex-grow: 1;
+				padding: 0 15rpx;
+				.task-l-title{
+					font-weight: bold;
+				}
+				.task-l-desc{
+					display: flex;
+					align-items: center;
+					font-size: 24rpx;
+					color: #666;
+					margin-top: 5rpx;
+				}
+			}
+		}
+		.task-r{
+			width: 20%;
+		}
+	}
+</style>

BIN
static/lottery_winbg.jpg


BIN
static/taskIcon1.png


BIN
static/taskIcon2.png


BIN
static/taskIcon3.png


BIN
static/taskIcon4.png


BIN
static/zpIcon.png