| | |
| | | </view> |
| | | </view> |
| | | <view class="list"> |
| | | <template v-if="list.length > 0"> |
| | | <view class="list-item" v-for="(item, index) in list" :key="index" @click="jump(item.id, item.contentType, item.content)"> |
| | | <view class="info"> |
| | | <view class="info-title">{{item.name}}</view> |
| | |
| | | <image :src="item.imgurlfull" mode="widthFix"></image> |
| | | </view> |
| | | </view> |
| | | </template> |
| | | <template v-else> |
| | | <view class="wushuju"> |
| | | <image src="/static/images/default_nodata_white.png" mode="widthFix"></image> |
| | | </view> |
| | | </template> |
| | | </view> |
| | | <!-- 筛选 --> |
| | | <u-popup :show="show" mode="bottom" :safeAreaInsetBottom="false" round="15" :closeable="true" @close="show = false"> |
| | | <view class="sear"> |
| | | <view class="sear-title">筛选</view> |
| | | <scroll-view scroll-y> |
| | | <view class="sear-item"> |
| | | <view class="sear-item-label">分类</view> |
| | | <view class="sear-item-list"> |
| | |
| | | <view style="width: 216rpx; height: 0;"></view> |
| | | </view> |
| | | </view> |
| | | </scroll-view> |
| | | <view class="sear-footer"> |
| | | <view class="sear-footer-btn1" @click="reset">重置</view> |
| | | <view class="sear-footer-btn2" @click="search">确认</view> |
| | |
| | | font-size: 32rpx; |
| | | color: #111111; |
| | | } |
| | | scroll-view { |
| | | width: 100%; |
| | | max-height: 60vh; |
| | | .sear-item { |
| | | width: 100%; |
| | | display: flex; |
| | |
| | | font-size: 28rpx; |
| | | color: #333333; |
| | | margin-bottom: 20rpx; |
| | | } |
| | | } |
| | | } |
| | | } |
| | |
| | | box-sizing: border-box; |
| | | display: flex; |
| | | flex-direction: column; |
| | | .wushuju { |
| | | width: 100%; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | margin-top: 200rpx; |
| | | image { |
| | | width: 320rpx; |
| | | height: 320rpx; |
| | | } |
| | | } |
| | | .list-item { |
| | | width: 100%; |
| | | padding: 30rpx 0; |