资源调整

This commit is contained in:
aixianling
2022-02-28 14:36:58 +08:00
parent 1d70b75f14
commit 7a10b684ee

View File

@@ -3,42 +3,40 @@
<slot name="header"/>
<slot v-if="$slots.content" name="content"/>
<div class="list-wrap" v-if="list && list.length">
<div class="list-card" v-for="(category,index) in list" :key="index" @click="$linkTo('/subPages/contentManager/contentDetail?id='+category.id)">
<div class="header">{{category.title}}</div>
<div class="list-card" v-for="(category,index) in list" :key="index"
@click="$linkTo('/subPages/contentManager/contentDetail?id='+category.id)">
<div class="header">{{ category.title }}</div>
<div class="content-wrap" v-if="category.contentType==0 && category.files && category.files.length == 1">
<img class="img" :src="item.url" v-for="(item,index) in category.files" :key="index.id" alt="">
</div>
<div class="content-wrap" v-if="category.contentType==0 && category.files && category.files.length > 1">
<img class="min-img" :src="item.url" v-for="(item,index) in category.files && category.files.slice(0,3)" :key="index.id" alt="">
<img class="min-img" :src="item.url" v-for="(item,index) in category.files && category.files.slice(0,3)"
:key="index.id" alt="">
</div>
<div class="content-wrap" v-if="category.contentType==1">
<img class="img" :src="category.pictureUrl" alt="">
<img class="play-icon" src="../../static/img/play.png" alt="">
<img class="play-icon" src="https://cdn.cunwuyun.cn/dvcp/pay-btn.png" alt="">
</div>
<div class="bottom">
<div class="left">
<div class="tag">{{category.categoryName}}</div>
{{category.createTime}}
<div class="tag">{{ category.categoryName }}</div>
{{ category.createTime }}
</div>
<div class="right">
<em>{{category.viewCount}}</em>
<em>{{ category.viewCount }}</em>
人看过
</div>
</div>
</div>
</div>
<AiEmpty v-else></AiEmpty>
<AiEmpty v-else/>
</section>
</template>
<script>
import AiTopFixed from "../AiTopFixed/AiTopFixed";
import AiEmpty from "../../components/AiEmpty/AiEmpty"
export default {
name: "AiNewsList",
components: {AiTopFixed,AiEmpty},
props: {
list: {default: () => []},
props: {
@@ -95,7 +93,7 @@ export default {
color: #4181FF;
}
.right{
.right {
margin-left: auto;
}
}
@@ -139,19 +137,19 @@ export default {
height: 350px;
}
.min-img{
.min-img {
width: 204px;
height: 204px;
}
.play-icon{
.play-icon {
width: 80px;
height: 80px;
border-radius:50%;
position:absolute;
left:50%;
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
transform:translate(-50%,-50%);
transform: translate(-50%, -50%);
}
}