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-02-28 14:36:58 +08:00
parent 1d70b75f14
commit 7a10b684ee
1 changed files with 17 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/AiNewsList/AiNewsList.vue
View File

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