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

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

@@ -18,9 +18,12 @@
<p class="item-content"> <p class="item-content">
<u-parse :html="item.content"></u-parse> <u-parse :html="item.content"></u-parse>
</p> </p>
<div class="img-list" v-if="item.files.length"> <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)" /> <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>
<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"> <div class="flex">
<span class="left"> <span class="left">
<span class="type" v-if="item.categoryName">{{item.categoryName}}</span> <span class="type" v-if="item.categoryName">{{item.categoryName}}</span>
@@ -285,9 +288,11 @@ uni-page-body {
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
color: #999; color: #999;
line-height: 44px; line-height: 44px;
margin-bottom: 24px;
} }
.img-list{ .img-list{
margin-bottom: 24px;
img{ img{
width: calc(33% - 16px); width: calc(33% - 16px);
height: 204px; height: 204px;
@@ -381,5 +386,9 @@ uni-page-body {
} }
} }
} }
::v-deep uni-video{
width: 100%;
}
} }
</style> </style>

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

@@ -22,10 +22,13 @@
</div> </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> <div class="title">图片</div>
<img :src="item.accessUrl" alt="" v-for="(item, index) in data.files" :key="index" @click="previewImage(data.files, item.accessUrl)" /> <img :src="item.accessUrl" alt="" v-for="(item, index) in data.files" :key="index" @click="previewImage(data.files, item.accessUrl)" />
</div> </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> </div>
</template> </template>
@@ -188,5 +191,9 @@ uni-page-body {
} }
} }
} }
::v-deep uni-video{
width: 100%;
}
} }
</style> </style>