|
|
@ -43,8 +43,9 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="width90 mart10 fcor666" v-if="videourl != ''">视频教程</view> |
|
|
|
<view class="width90 mart40 fcor666" v-if="videourl != ''">视频教程</view> |
|
|
|
<view class="width80 mart10 marb30" v-if="videourl != ''"> |
|
|
|
<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 :auto-play="false" :url="imageUrl+imagedess1" :poster="poster" :show-back-btn="true"> |
|
|
|
</yy-video-player> |
|
|
|
</yy-video-player> |
|
|
|
</view> |
|
|
|
</view> |
|
|
@ -77,7 +78,8 @@ |
|
|
|
couponsDetails: '', |
|
|
|
couponsDetails: '', |
|
|
|
salesEndTime: '', |
|
|
|
salesEndTime: '', |
|
|
|
couponId: '', |
|
|
|
couponId: '', |
|
|
|
videourl: '' //视频地址 |
|
|
|
videourl: '' ,//视频地址 |
|
|
|
|
|
|
|
isplayvideo: false //视频播放 |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
filters: { |
|
|
|
filters: { |
|
|
@ -148,6 +150,10 @@ |
|
|
|
// uni.navigateTo({ |
|
|
|
// uni.navigateTo({ |
|
|
|
// url: '../../goods/goods?id='+e |
|
|
|
// url: '../../goods/goods?id='+e |
|
|
|
// }); |
|
|
|
// }); |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
//播放视频 |
|
|
|
|
|
|
|
playvideo(){ |
|
|
|
|
|
|
|
this.isplayvideo = true; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
@ -220,5 +226,16 @@ |
|
|
|
background-color: red; |
|
|
|
background-color: red; |
|
|
|
color: #FFFFFF; |
|
|
|
color: #FFFFFF; |
|
|
|
border-radius: 0px; |
|
|
|
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> |
|
|
|
</style> |
|
|
|