增加我的奖品页面，兑换页面

me/detail/detail.vue

@@ -211,15 +211,19 @@
 						<!-- #endif -->
 					</view>
 				</view>
-				<view class="list-item" v-if="isVips == '是' && isWxIosPay == true">
-					<view class="list-item-box flex align-center justify-center" @click="goNav('/pages/me/vip/index')">
-						<image src="../../static/images/me/rmIcon.png" mode=""></image>
-						开通会员
-						<!-- #ifdef MP-TOUTIAO || MP-WEIXIN-->
-						(会员期内免费观看)
-						<!-- #endif -->
+				<template v-if="false">
+					<view class="list-item" v-if="isVips == '是' && isWxIosPay == true">
+						<view class="list-item-box flex align-center justify-center" @click="goNav('/pages/me/vip/index')">
+							<image src="../../static/images/me/rmIcon.png" mode=""></image>
+							开通会员
+							<!-- #ifdef MP-TOUTIAO || MP-WEIXIN-->
+							(会员期内免费观看)
+							<!-- #endif -->
+						</view>
 					</view>
-				</view>
+				</template>
+				
+				
 				<!-- #ifdef MP-WEIXIN -->
 				<view class="list-item" v-if="isGuanggao == '是'&& adUnitId && advertising">
 					<view class="list-item-box" @click="openVideoAd()">
@@ -249,6 +253,15 @@
 
 			</view>
 		</u-popup>
+		
+		<!-- <u-popup :closeable="true" :custom-style="customStyle" :safe-area-inset-bottom="false" close-icon="close"
+			close-icon-size="30" close-icon-color="#333333" :mask-custom-style="maskCustomStyle" v-model="showPay"
+			border-radius="24" mode="bottom">
+			<view class="list u-flex u-row-center u-p-t-60">
+				<l-dialer :prizeList="prizeList" @click="onClick" @done="onDone" ref="dialer" />
+			</view>
+		</u-popup> -->
+		
 		<!-- 充值购买弹窗 -->
 		<payPopus v-if="showMoney" :payPrice="payPrice" :show="showMoney" @closeMoney="closeMoney"
 			@paySuccess="paySuccess" />
@@ -305,6 +318,50 @@
 		},
 		data() {
 			return {
+				//奖品列表
+				prizeList: [{
+						id: 'coupon88',
+						name: '8.8折',
+						img: 'https://img11.360buyimg.com/pop/jfs/t1/175718/35/12595/5477/60b660c6Eb850717b/a1cfe750dcdb5b78.png',
+					},
+					{
+						id: 'coupon900',
+						Color: 'rgb(251, 219, 216)',
+						name: '900',
+						img: 'https://img11.360buyimg.com/pop/jfs/t1/190845/9/6092/4489/60b65fe8Ebb8f8284/955da889f6d1c13e.png',
+					},
+					{
+						id: 'coupon1',
+						name: '1元',
+						img: 'https://img11.360buyimg.com/pop/jfs/t1/189927/14/6092/4174/60b66173E23c472ea/44af15a151defca1.png',
+					},
+					{
+						id: 'apple',
+						Color: 'rgba(246, 142, 46, 0.5)',
+						name: '苹果手机',
+						img: 'https://img11.360buyimg.com/pop/jfs/t1/177670/26/4591/2514/60a25874Ee0e5332a/99c7bdfede732ae4.png'
+					},
+					{
+						id: 'coupon210',
+						name: '210元',
+						img: 'https://img11.360buyimg.com/pop/jfs/t1/124578/12/20170/4429/60b635d8E7089ebb0/7a47d76a2a260cc0.png'
+					},
+					{
+						id: 'jd100',
+						name: '100京豆',
+						img: 'https://img11.360buyimg.com/pop/jfs/t1/162790/37/15087/28046/6062a49aE8f2c10f2/5591ff0ff38a45e2.png',
+					},
+					{
+						id: 'coupon400',
+						name: '400元',
+						img: 'https://img11.360buyimg.com/pop/jfs/t1/177090/2/7001/4535/60b6607aEe9c1db2a/76c67675f547db3f.png'
+					},
+					{
+						id: 'thanks',
+						name: '谢谢参与',
+						img: 'https://storage.jd.com/cdn-upload/dialTemplateHeart.png',
+					}
+				],
 				checked: false,
 				payPrice: 0, //需要支付的价格
 				showMoney: false, //是否显示充值弹窗
@@ -676,6 +733,17 @@
 			},
 		},
 		methods: {
+			onDone(index) {
+				const prize = this.prizeList[index]
+				uni.showModal({
+					title: prize.id == 'thanks' ? '很遗憾' : '恭喜您',
+					content: (prize.id !== 'thanks' ? `获得` : '') + prize.name
+				})
+			},
+			onClick() {
+				// 奖品的索引
+				this.$refs.dialer.run(5)
+			},
 			goWallet(url) {
 				uni.navigateTo({
 					url: url