You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
<template>
|
|
|
|
|
<view class="bg">
|
|
|
|
|
<video :src="showImg(src)" controls class="myVideo" :poster="poster"></video>
|
|
|
|
|
<!-- <view class="title">
|
|
|
|
|
{{title}}
|
|
|
|
|
</view> -->
|
|
|
|
|
</view>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
export default {
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
src: '',
|
|
|
|
|
poster: '',
|
|
|
|
|
title: ''
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
onLoad(option) {
|
|
|
|
|
const item = JSON.parse(decodeURIComponent(option.item));
|
|
|
|
|
this.src = this.showImg(item)
|
|
|
|
|
// this.poster = item.head_img
|
|
|
|
|
// this.title = item.title
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
|
|
.bg {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100vh;
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.myVideo {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100vh;
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 50%;
|
|
|
|
|
left: 50%;
|
|
|
|
|
transform: translate(-50%,-50%);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.title {
|
|
|
|
|
width: 699rpx;
|
|
|
|
|
font-family: PingFang SC;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
font-size: 29rpx;
|
|
|
|
|
color: #CCCCCC;
|
|
|
|
|
position: fixed;
|
|
|
|
|
left: 25.5rpx;
|
|
|
|
|
bottom: 74rpx;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
