40 lines
1.9 KiB
Plaintext
40 lines
1.9 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="/img/newest-icon.png" alt="" />
|
|
最新
|
|
</div>
|
|
<div v-else-if="boxtype == 'essence'" class="box-newest-head flexacenter">
|
|
<img class="icon" src="/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="/img/bounding-circle-green.svg" alt="" />
|
|
<div class="box">
|
|
<a v-for="(item, index) in latestList" :key="index" 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>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- essence 精选 -->
|
|
<div class="essence-side-box side-box">
|
|
<img class="bounding" src="/img/bounding-circle-blue.svg" alt="" />
|
|
<div class="box">
|
|
<a v-for="(item, index) in topList" :key="index" 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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|