1.修改视频播放添加按钮

yj-dev
杨杰 3 years ago
parent 9fccb65e10
commit fdf8ea2188
  1. 1
      components/yy-video-player/yy-video-player.nvue
  2. 23
      pages/user/mineCouponsDestails/mineCouponsDestails.vue

@ -46,7 +46,6 @@ export default {
},
processBarColor:{
type:String,
default:"#39BFFD"
}
},
data() {

@ -43,8 +43,9 @@
</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>
@ -77,7 +78,8 @@
couponsDetails: '',
salesEndTime: '',
couponId: '',
videourl: '' //
videourl: '' ,//
isplayvideo: false //
}
},
filters: {
@ -148,6 +150,10 @@
// uni.navigateTo({
// url: '../../goods/goods?id='+e
// });
},
//
playvideo(){
this.isplayvideo = true;
}
}
}
@ -220,5 +226,16 @@
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>

Loading…
Cancel
Save