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.
59 lines
949 B
59 lines
949 B
12 months ago
|
<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 = item.multimedia_url
|
||
|
|
this.poster = item.head_img
|
||
|
|
this.title = item.title
|
||
|
|
},
|
||
|
|
onReady() {
|
||
|
|
uni.setNavigationBarTitle({
|
||
|
|
title: this.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: #FFFFFF;
|
||
|
|
position: fixed;
|
||
|
|
left: 28rpx;
|
||
|
|
bottom: 140rpx;
|
||
|
|
}
|
||
|
|
</style>
|