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