增加新功能

pages/mine_purse/mine_purse.vue

@@ -41,7 +41,22 @@
 					<view class="info_title_item_sel_but_warp" v-if="selInfo === item.id"></view>
 				</view>
 			</view>
-			<view class="info_list_warp">
+			<!-- 抽奖 -->
+			<view class="prize_draw_warp" v-if="selInfo === 6">
+				<view class="prize_draw_item" v-for="item in prizeDrawList" :key="item.id">
+					<view class="prize_draw_left_warp">
+						<up-image src="/static/mine/purse_sf.png" width="40" height="40" bgColor="#f1f6ff00"></up-image>
+						<view style="margin-left: 20rpx;">
+							<view class="title_">{{item.name}}</view>
+							<view class="time_">{{item.time}}</view>
+						</view>
+					</view>
+					<view class="prize_draw_right_warp" v-if="item.isShowGet" v-show="item.isGet">去领取</view>
+					<view class="prize_draw_right_warp yes_" v-if="item.isShowGet" v-show="!item.isGet">已领取</view>
+				</view>
+				
+			</view>
+			<view class="info_list_warp" v-else>
 				<view v-for="item in orderList" :key="item.id" class="purse_info_item">
 					<view class="purse_info_left">
 						<up-image :src="item.type === 1? '/static/mine/purse_sf.png' : '/static/mine/purse_xf.png'" width="40" height="40" bgColor="#f1f6ff00"></up-image>
@@ -81,8 +96,12 @@
 						id:5,
 						name:"HMC"
 					},
+					{
+						id:6,
+						name:"抽奖"
+					},
 				],
-				selInfo:1,
+				selInfo:6,
 				orderList:[
 					{
 						id:1,
@@ -120,7 +139,30 @@
 						amount:1000,
 						typeName:"收入到账",
 					},
-				]
+				],// 其他列表
+				prizeDrawList:[
+					{
+						id:1,
+						name:'20元优惠券',
+						time:'01-01 14:10:10',
+						isGet:false,// 未领取
+						isShowGet:true,
+					},
+					{
+						id:2,
+						name:'20元优惠券',
+						time:'01-01 14:10:10',
+						isGet:true,// 已领取
+						isShowGet:true,
+					},
+					{
+						id:3,
+						name:'20元优惠券',
+						time:'01-01 14:10:10',
+						isGet:false,// 已领取
+						isShowGet:false,
+					},
+				],// 抽奖列表
 			}
 		},
 		methods: {
@@ -177,6 +219,41 @@
 	
 	.info_warp{
 		margin-top: 30rpx;
+		.prize_draw_warp{
+			.prize_draw_item{
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				padding: 20rpx 0;
+				border-bottom: 1rpx solid #EEEEEE;
+			}
+			.prize_draw_left_warp{
+				display: flex;
+				align-items: center;
+			}
+			.title_{
+				font-weight: bold;
+				font-size: 28rpx;
+				color: #333333;
+			}
+			.time_{
+				font-size: 24rpx;
+				color: #666666;
+				margin-top: 10rpx;
+			}
+			.prize_draw_right_warp{
+				background: $app-bt-bj;
+				border-radius: 10rpx;
+				text-align: center;
+				color: #FFFFFF;
+				padding: 10rpx 28rpx;
+				height: 48rpx;
+			}
+			.yes_{
+				background: #F5F5F5;
+				color: #666666;
+			}
+		}
 		.info_title_warp{
 			display: flex;
 			padding-left: 10rpx;