资源调整
This commit is contained in:
@@ -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%);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user