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

gdpaoup

Browse Source
This commit is contained in:
Gdpao
2020-08-18 15:24:06 +08:00
parent 7191b29b44
commit ee04a8cb08
4 changed files with 60 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
components/index/video-item/index.vue
View File

@@ -1,9 +1,12 @@
<template>
<view class="video-item" v-if="item" @click="toDetailsPage(item.article_id,item.video_path)">
<image class="head" :src="item.article_pic" v-if="item.type == 1" ></image>
<view class="header_fist" v-else>
<view class="backes"></view>
<image class="head" :src="item.article_pic" ></image>
<view class="header_fist" v-else>
<view class="backes">
<u-icon name="play-circle-fill" color="#ffffff" size="20"></u-icon>
<text>视频</text>
</view>
<image class="head" :src="item.article_pic"></image>
</view>
<view class="title" v-if="">{{ item.article_title }}</view>
<view class="jianjie">{{ item.article_content }}</view>
@@ -172,11 +175,22 @@
.header_fist{
position: relative;
.backes{
z-index: 99;
position: absolute;
top: 0;
width: 100%;
height: 100%;
color: #fff;
display: flex;
align-items: center;
justify-content: space-around;
top: 10rpx;
left: 10rpx;
width: 80rpx;
height: 30rpx;
padding: 0 10rpx;
border-radius: 30rpx;
background-color: rgba(0,0,0,0.5);
& > text {
color: #fff;
font-size: 18rpx;
}
}
}
@@ -197,7 +211,7 @@ export default {
},
watch: {
item(newVal, old) {
// console.log(newVal);
console.log(newVal);
this.item = newVal;
},
deep: true