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:{ processBarColor:{
type:String, type:String,
default:"#39BFFD"
} }
}, },
data() { data() {

@ -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>

Loading…
Cancel
Save