文章列表标题,展开

main
yanzai 1 year ago
parent f6af655600
commit 9a0a4ce594

@ -116,7 +116,7 @@
</view> </view>
<view v-for="(i,k) in posts_list_show" :key="k" class="item_wrapper"> <view v-for="(i,k) in posts_list_show" :key="k" class="item_wrapper">
<view @click="contentShow(i,k)" class="item_title_wrapper"> <view @click="contentShow(i,k)" class="item_title_wrapper">
<view class="item_title_text_wrapper">{{ i.title }}</view> <view :class="!i.open ?'item_title_text_wrapper':'item_title_text_wrapper2'" class="">{{ i.title }}</view>
<view class="item_title_icon_wrapper"> <view class="item_title_icon_wrapper">
<view class="item_title_icon_text_wrapper">{{ !i.open ? '展开' : '收起' }}</view> <view class="item_title_icon_text_wrapper">{{ !i.open ? '展开' : '收起' }}</view>
<image v-if="!i.open" src="@/static/assets/posts/sanjiao@2x.png"></image> <image v-if="!i.open" src="@/static/assets/posts/sanjiao@2x.png"></image>
@ -195,6 +195,17 @@
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.item_title_text_wrapper2 {
font-size: 30rpx;
font-weight: bold;
color: #ffffff;
position: relative;
z-index: 1;
margin-left: 35rpx;
width: 240px;
}
.item_title_icon_wrapper { .item_title_icon_wrapper {
position: relative; position: relative;

Loading…
Cancel
Save