1.修改视频播放方式

high-unionPay/pages/user/mineCouponsDestails/mineCouponsDestails.vue

@@ -33,23 +33,23 @@
 				</view>
 				<view class="info" v-else>
 					<view class="price">
-						<image style="width: 15px;height: 15px;vertical-align: sub;"
-							src="../../../static/img/jfx.png">
+						<image style="width: 15px;height: 15px;vertical-align: sub;" src="../../../static/img/jfx.png">
 						</image>{{ product.highCoupon.discountPrice*100}}
 					</view>
 					<view class="slogan" v-if="product.highCoupon.discountPrice !== product.highCoupon.salesPrice">
-						<image style="width: 15px;height: 15px;vertical-align: sub;"
-							src="../../../static/img/jfh.png">
+						<image style="width: 15px;height: 15px;vertical-align: sub;" src="../../../static/img/jfh.png">
 						</image>{{ product.highCoupon.salesPrice*100}}
 					</view>
 				</view>
 			</view>
 		</view>
-		<view class="width90 mart10 fcor666" v-if="videourl !=''">视频教程</view>
-		<view class="width80 mart10 marb30" v-if="videourl !=''">
+		<view class="width90 mart40 fcor666" v-if="videourl != ''">视频教程</view>
+		<view class="btnplay" @click="playvideo" v-if="videourl != ''">播放视频教学</view>
+		<view class="width80 mart20 marb30" v-if="isplayvideo">
 			<yy-video-player :auto-play="false" :url="imageUrl+imagedess1" :poster="poster" :show-back-btn="true">
 			</yy-video-player>
 		</view>
+
 	</view>
 </template>
 
@@ -78,7 +78,8 @@
 				couponsDetails: '',
 				salesEndTime: '',
 				couponId: '',
-				videourl: '' //视频地址
+				videourl: '' ,//视频地址
+				isplayvideo: false  //视频播放
 			}
 		},
 		filters: {
@@ -149,6 +150,10 @@
 				// uni.navigateTo({
 				// 	url: '../../goods/goods?id='+e
 				// });
+			},
+			//播放视频
+			playvideo(){
+				this.isplayvideo = true;
 			}
 		}
 	}
@@ -220,5 +225,17 @@
 		bottom: 0px;
 		background-color: red;
 		color: #FFFFFF;
+		border-radius: 0px;
+	}
+	.btnplay{
+		width: 120px;
+		text-align: center;
+		height: 40px;
+		line-height: 40px;
+		color: #FFFFFF;
+		background-color: #089bf5;
+		border-radius: 5px;
+		margin-left: 5%;
+		margin-top: 20px;
 	}
 </style>