kubbo/dvcp_v2_wxcp_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

内容发布视频展示

Browse Source
This commit is contained in:
liuye
2021-12-24 14:48:06 +08:00
parent f19edd1f37
commit eb141cc3c8
2 changed files with 19 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/apps/AppServicePublic/AppServicePublic.vue
View File

@@ -18,8 +18,11 @@
<p class="item-content">
<u-parse :html="item.content"></u-parse>
</p>
<div class="img-list" v-if="item.files.length">
<img :src="items.accessUrl" alt="" v-for="(items, index) in item.files" :key="index" v-if="index < 3" @click.stop="previewImage(item.files, items.accessUrl)" />
<div class="img-list" v-if="item.files.length && item.contentType != 1">
<img :src="items.accessUrl" alt="" v-for="(items, index) in item.files" :key="index" v-if="index < 3" @click.stop="previewImage(item.files, items.accessUrl)" />
</div>
<div class="img-list" v-if="item.files.length && item.contentType == 1">
<video class="video" :src="item.files[0].url"></video>
</div>
<div class="flex">
<span class="left">
@@ -285,9 +288,11 @@ uni-page-body {
font-family: PingFangSC-Regular, PingFang SC;
color: #999;
line-height: 44px;
margin-bottom: 24px;
}
.img-list{
margin-bottom: 24px;
img{
width: calc(33% - 16px);
height: 204px;
@@ -381,5 +386,9 @@ uni-page-body {
}
}
}
::v-deep uni-video{
width: 100%;
}
}
</style>

9
src/apps/AppServicePublic/Detail.vue
View File

@@ -22,10 +22,13 @@
</div>
<div class="img-list" v-if="data.files && data.files.length">
<div class="img-list" v-if="data.files && data.files.length && data.contentType != 1">
<div class="title">图片</div>
<img :src="item.accessUrl" alt="" v-for="(item, index) in data.files" :key="index" @click="previewImage(data.files, item.accessUrl)" />
</div>
<div class="img-list" v-if="data.files && data.files.length && data.contentType == 1">
<video class="video" :src="data.files[0].url"></video>
</div>
</div>
</template>
@@ -188,5 +191,9 @@ uni-page-body {
}
}
}
::v-deep uni-video{
width: 100%;
}
}
</style>