| | |
|---|
| | | <!---第二个--> |
|---|
| | | <swiper-item v-if="listData.length > 4"> |
|---|
| | | <view class="article-item" v-for="(item, index) in listData" :class="'show-type__'+ itemData.style.display" |
|---|
| | | :key="index" @click="gotoPageFunc(item)" v-if="index > 3"> |
|---|
| | | :key="index" @click="gotoPageFunc(item)" v-if="index > 3 && index < 8"> |
|---|
| | | <template> |
|---|
| | | <view class="f24 text-ellipsis-2 lh200" :style="'color:'+itemData.style.textColor+';'"> |
|---|
| | | {{ item.name }} |
|---|
| | |
|---|
| | | <!---第三个--> |
|---|
| | | <swiper-item v-if="listData.length > 8"> |
|---|
| | | <view class="article-item" v-for="(item, index) in listData" :class="'show-type__'+ itemData.style.display" |
|---|
| | | :key="index" @click="gotoPageFunc(item)" v-if="index > 7"> |
|---|
| | | :key="index" @click="gotoPageFunc(item)" v-if="index > 7 && index < 12"> |
|---|
| | | <template> |
|---|
| | | <view class="f24 text-ellipsis-2 lh200" :style="'color:'+itemData.style.textColor+';'"> |
|---|
| | | {{ item.name }} |
|---|
| | |
|---|
| | | border-radius: 6rpx; |
|---|
| | | box-shadow: 0px 8rpx 3rpx 0px rgba(6, 0, 1, 0.03); |
|---|
| | | } |
|---|
| | | swiper { |
|---|
| | | height: 350rpx; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .diy-bg{ |
|---|
| | | width: 100%; |
|---|
| | |
|---|
| | | display: flex; |
|---|
| | | padding: 20rpx; |
|---|
| | | border-bottom: 1rpx solid #eeeeee; |
|---|
| | | white-space: nowrap; /* 不换行 */ |
|---|
| | | overflow: hidden; /* 超出部分隐藏 */ |
|---|
| | | text-overflow: ellipsis; /* 超出显示省略号 */ |
|---|
| | | } |
|---|
| | | |
|---|
| | | .diy-article .show-type__10:last-child, |
|---|
