| | |
| | | </template> |
| | | <template v-else> |
| | | <view class="wushuju"> |
| | | <image src="/static/images/default_nodata_white.png" mode="widthFix"></image> |
| | | <image src="/static/images/default_nodata_grey.png" mode="widthFix"></image> |
| | | </view> |
| | | </template> |
| | | </view> |
| | | <view class="list" v-else> |
| | | <template v-if="list.length > 0"> |
| | | <view class="list-item" v-for="(item, index) in list" :key="index"> |
| | | <view class="list-item" v-for="(item, index) in list" :key="index" @click="jumpWZ(item)"> |
| | | <view class="info"> |
| | | <view class="check" v-if="edit" @click="select(index)"> |
| | | <view class="check" v-if="edit" @click.stop="select(index)"> |
| | | <image src="/static/icon/ic_agree@2x.png" mode="widthFix" v-if="!item.active"></image> |
| | | <image src="/static/icon/cart_ic_sel@2x.png" mode="widthFix" v-else></image> |
| | | </view> |
| | |
| | | <view class="info-title">{{item.name}}</view> |
| | | <view class="info-desc">{{item.content}}</view> |
| | | <view class="info-data"> |
| | | <view class="tips">{{item.labelName}}</view> |
| | | <view class="tips" :style="{ border: '1rpx solid' + item.param, color: item.param }">{{item.labelName}}</view> |
| | | <text>{{item.readNum}} 阅读|{{item.createDate}}</text> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <view class="image"> |
| | | <view class="image" v-if="item.imgurl"> |
| | | <image :src="item.imgurl" mode="widthFix"></image> |
| | | </view> |
| | | </view> |
| | | </template> |
| | | <template v-else> |
| | | <view class="wushuju"> |
| | | <image src="/static/images/default_nodata_white.png" mode="widthFix"></image> |
| | | <image src="/static/images/default_nodata_grey.png" mode="widthFix"></image> |
| | | </view> |
| | | </template> |
| | | </view> |
| | |
| | | this.getList() |
| | | }, |
| | | methods: { |
| | | jumpWZ(item) { |
| | | uni.navigateTo({ |
| | | url: '/pages/article-details/article-details?id=' + item.objId |
| | | }) |
| | | }, |
| | | jumpDetails(item) { |
| | | |
| | | uni.navigateTo({ |
| | | url: '/pages/details/details?id=' + item.objId |
| | | }) |
| | | }, |
| | | shanchu() { |
| | | if (this.totalNum > 0) { |
| | |
| | | display: flex; |
| | | flex-direction: column; |
| | | .info-title { |
| | | display: -webkit-box; |
| | | -webkit-box-orient: vertical; |
| | | -webkit-line-clamp: 1; |
| | | overflow: hidden; |
| | | font-weight: 600; |
| | | font-size: 32rpx; |
| | | color: #222222; |
| | | } |
| | | .info-desc { |
| | | display: -webkit-box; |
| | | -webkit-box-orient: vertical; |
| | | -webkit-line-clamp: 2; |
| | | overflow: hidden; |
| | | font-weight: 400; |
| | | font-size: 26rpx; |
| | | color: #777777; |
| | |
| | | align-items: flex-start; |
| | | margin-top: 20rpx; |
| | | .tips { |
| | | flex-shrink: 0; |
| | | max-width: 110rpx; |
| | | height: 40rpx; |
| | | line-height: 40rpx; |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | padding: 0 8rpx; |
| | | box-sizing: border-box; |
| | | background: rgba(0,183,117,0.1); |
| | | border-radius: 8rpx; |
| | | |
| | | font-weight: 400; |
| | | font-size: 22rpx; |
| | | color: #00B775; |
| | |
| | | flex-direction: column; |
| | | justify-content: space-between; |
| | | .list-item-info-top { |
| | | width: 100%; |
| | | display: -webkit-box; |
| | | -webkit-box-orient: vertical; |
| | | -webkit-line-clamp: 2; |
| | | overflow: hidden; |
| | | font-weight: 400; |
| | | font-size: 30rpx; |
| | | color: #222222; |