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

调整组件

Browse Source
This commit is contained in:
aixianling
2022-03-02 09:48:51 +08:00
parent 7392b320e6
commit b9152917ce
1 changed files with 18 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/components/AiDetail/AiDetail.vue
View File

@@ -1,35 +1,32 @@
<template>
<section class="AiDetail">
<div class="content">
<div class="title">{{detail.title}}</div>
<div class="title">{{ detail.title }}</div>
<div class="info">
<span>{{detail.createTime}}</span>
<span>{{ detail.createTime }}</span>
<span class="right">
<em>{{detail.viewCount}}</em>人看过
<em>{{ detail.viewCount }}</em>人看过
</span>
</div>
<slot v-if="$slots.content" name="content"/>
<u-parse v-else :html="detail.content"/>
</div>
<!-- <div class="files" v-if="detail.contentType==0 && detail.files && detail.files.length">-->
<!-- <img class="file-img" :src="file.url" @click.native="preview(index)" alt="" v-for="(file,index) in detail.files" :key="index">-->
<!-- </div>-->
<!-- <div class="files" v-if="detail.contentType==0 && detail.files && detail.files.length">-->
<!-- <img class="file-img" :src="file.url" @click.native="preview(index)" alt="" v-for="(file,index) in detail.files" :key="index">-->
<!-- </div>-->
<div class="files" v-if="detail.contentType==1 && detail.files && detail.files.length">
<video class="file-img" :src="file.url" v-for="(file,index) in detail.files" :key="index"></video>
<video class="file-img" :src="file.url" v-for="(file,index) in detail.files" :key="index"/>
</div>
<div v-if="comment" class="comments">
</div>
<div v-if="comment" class="comments"/>
</section>
</template>
<script>
import AiImage from "../../components/AiImage/AiImage";
import AiTopFixed from "../../components/AiTopFixed/AiTopFixed";
export default {
name: "AiDetail",
components: {AiImage, AiTopFixed},
props: {
title: {default: ""},
detail: {default: () => ({})},
@@ -37,7 +34,7 @@ export default {
},
methods: {
preview(index) {
this.$previewImage(this.detail.files,index,"url");
this.$previewImage(this.detail.files, index, "url");
}
},
}
@@ -65,14 +62,14 @@ export default {
}
}
.content{
.content {
padding: 32px;
background: #fff;
&.content {
margin-bottom: 20px;
.title{
.title {
font-size: 38px;
font-weight: 600;
color: #333333;
@@ -89,11 +86,11 @@ export default {
font-weight: 400;
color: #999999;
.right{
.right {
display: flex;
align-items: center;
& > em{
& > em {
color: #4181FF;
}
}
@@ -105,10 +102,10 @@ export default {
padding: 0 32px;
background: #fff;
.file-img{
width:100%;
height:486px;
margin-bottom:32px;
.file-img {
width: 100%;
height: 486px;
margin-bottom: 32px;
}
}