48 lines
2.2 KiB
Plaintext
48 lines
2.2 KiB
Plaintext
<div class="posts-box box-newest " :class="['boxtype-' + boxtype]">
|
|
<div v-if="boxtype == 'newest'" class="box-newest-head flexacenter">
|
|
<img class="icon" :src="valueUrl + '/img/newest-icon.png'" alt="" />
|
|
最新
|
|
</div>
|
|
<div v-else-if="boxtype == 'essence'" class="box-newest-head flexacenter">
|
|
<img class="icon" :src="valueUrl + '/img/essence.png'" alt="" />
|
|
精华阅读
|
|
</div>
|
|
<div v-else class="slideshow-box">
|
|
<div class="tab-list flexacenter">
|
|
<div class="tab-item newest" :class="{'pitch': postsTab == 'newest'}" @click="tabPostsItem('newest')">最新
|
|
</div>
|
|
<div class="tab-item essence" :class="{'pitch': postsTab == 'essence'}" @click="tabPostsItem('essence')">精华
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="slideshow-content flexflex">
|
|
<!-- newest 最新 -->
|
|
<div class="newest-side-box side-box">
|
|
<img class="bounding" :src="valueUrl + '/img/bounding-circle-green.svg'" alt="" />
|
|
<div class="box">
|
|
<template v-for="(item, index) in latestList" :key="index">
|
|
<a v-if="item.title || item.content" class="item flexacenter vuehide"
|
|
:href="'/details/' + item.uniqid" target="_blank">
|
|
<div class="dot dot-green"></div>
|
|
<div class="text one-line-display">{{ item.title || item.content }}</div>
|
|
</a>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- essence 精选 -->
|
|
<div class="essence-side-box side-box">
|
|
<img class="bounding" :src="valueUrl + '/img/bounding-circle-blue.svg'" alt="" />
|
|
<div class="box">
|
|
<template v-for="(item, index) in topList" :key="index">
|
|
<a v-if="item.title || item.content" class="item flexacenter vuehide"
|
|
:href="'/details/' + item.uniqid" target="_blank">
|
|
<div class="dot"></div>
|
|
<div class="text one-line-display">{{ item.title || item.content }}</div>
|
|
</a>
|
|
</template>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |