theluyuan/deming
2
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

store article 8.13

Browse Source
This commit is contained in:
ghusermoon
2020-08-13 15:41:03 +08:00
parent 3b01c1acca
commit 2811bf31cd
7 changed files with 78 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
pageC/components/merchant/list-item.vue
View File

@@ -1,6 +1,10 @@
<template>
<view class="listItem">
<video v-if="type == '2'" :src="url" :show-fullscreen-btn="true"></video>
<!-- <video :src="url" :show-fullscreen-btn="true"></video> -->
<view v-if="type == '2'" class="video-container">
<image :src="url" mode="aspectFill" class="video"></image>
<image src="/static/videoPlay.png" mode="aspectFill" class="play-video"></image>
</view>
<image v-else :src="url" mode="aspectFill"></image>
</view>
</template>
@@ -9,11 +13,30 @@
width: 365rpx;
height: 500rpx;
overflow: hidden;
>image,video{
> image {
width: 100%;
height: 100%;
margin-bottom: 20rpx;
}
.video-container {
width: 100%;
height: 100%;
margin-bottom: 20rpx;
position: relative;
.video {
width: 100%;
height: 100%;
}
.play-video {
position: absolute;
width: 100rpx;
height: 100rpx;
z-index: 19;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
}
</style>
<script>

28
pageC/components/merchant/video-top.vue
View File

@@ -1,6 +1,7 @@
<template>
<view class="videoTop">
<video :src="url" :show-fullscreen-btn="true"></video>
<view class="videoTop" @click="toDetailsPage">
<image :src="url" mode="aspectFill" class="video"></image>
<image src="/static/videoPlay.png" mode="aspectFill" class="play-video"></image>
</view>
</template>
<style lang="scss" scoped>
@@ -8,10 +9,22 @@
width: 100%;
height: 284rpx;
margin-bottom: 20rpx;
>video{
position: relative;
.video{
position: absolute;
width: 100%;
height: 100%;
z-index: 9;
}
.play-video {
position: absolute;
width: 100rpx;
height: 100rpx;
z-index: 19;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
</style>
<script>
@@ -21,6 +34,13 @@ export default {
return {
}
},
props:['url']
props:['url'],
methods: {
toDetailsPage(id) {
this.$u.route('pageB/video/video', {
id: id
});
},
}
}
</script>