合并

MrShi

18 小时以前 56d7ebbc6297c306ec7197f29737a59703ca4bda

 mini-program/pages/community/community.vue

@@ -17,38 +17,47 @@
         </view>
      </view>
      <view class="list">
         <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>
               <view class="info-desc" v-if="item.contentInfo">{{item.contentInfo}}</view>
               <view class="info-data">
                  <view class="tips" :style="{ border: '1rpx solid' + item.param, color: item.param }">{{item.lablesName}}</view>
                  <text>{{item.looknum > 999 ? '999+' : item.looknum  || 0}} 阅读｜{{item.createDate.substring(0, 16)}}</text>
         <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>
                  <view class="info-desc" v-if="item.contentInfo">{{item.contentInfo}}</view>
                  <view class="info-data">
                     <view class="tips" :style="{ border: '1rpx solid' + item.param, color: item.param }">{{item.lablesName}}</view>
                     <text>{{item.looknum > 999 ? '999+' : item.looknum  || 0}} 阅读｜{{item.createDate.substring(0, 16)}}</text>
                  </view>
               </view>
               <view class="image" v-if="item.imgurlfull">
                  <image :src="item.imgurlfull" mode="widthFix"></image>
               </view>
            </view>
            <view class="image" v-if="item.imgurlfull">
               <image :src="item.imgurlfull" mode="widthFix"></image>
         </template>
         <template v-else>
            <view class="wushuju">
               <image src="/static/images/default_nodata_white.png" mode="widthFix"></image>
            </view>
         </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>
            <view class="sear-item">
               <view class="sear-item-label">分类</view>
               <view class="sear-item-list">
                  <view :class="item.active ? 'sear-item-list-item active' : 'sear-item-list-item'" v-for="(item, index) in fenlei" :key="item.id" @click="sele(index, 1)">{{item.name}}</view>
                  <view style="width: 216rpx; height: 0;"></view>
            <scroll-view scroll-y>
               <view class="sear-item">
                  <view class="sear-item-label">分类</view>
                  <view class="sear-item-list">
                     <view :class="item.active ? 'sear-item-list-item active' : 'sear-item-list-item'" v-for="(item, index) in fenlei" :key="item.id" @click="sele(index, 1)">{{item.name}}</view>
                     <view style="width: 216rpx; height: 0;"></view>
                  </view>
               </view>
            </view>
            <view class="sear-item">
               <view class="sear-item-label">所属品牌</view>
               <view class="sear-item-list">
                  <view :class="item.active ? 'sear-item-list-item active' : 'sear-item-list-item'" v-for="(item, index) in pinpai" :key="item.id" @click="sele(index, 2)">{{item.name}}</view>
                  <view style="width: 216rpx; height: 0;"></view>
               <view class="sear-item">
                  <view class="sear-item-label">所属品牌</view>
                  <view class="sear-item-list">
                     <view :class="item.active ? 'sear-item-list-item active' : 'sear-item-list-item'" v-for="(item, index) in pinpai" :key="item.id" @click="sele(index, 2)">{{item.name}}</view>
                     <view style="width: 216rpx; height: 0;"></view>
                  </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>
@@ -181,40 +190,44 @@
            font-size: 32rpx;
            color: #111111;
         }
         .sear-item {
         scroll-view {
            width: 100%;
            display: flex;
            flex-direction: column;
            margin-top: 28rpx;
            .sear-item-label {
               font-weight: 500;
               font-size: 32rpx;
               color: #111111;
            }
            .sear-item-list {
               margin-top: 30rpx;
            max-height: 60vh;
            .sear-item {
               width: 100%;
               display: flex;
               align-items: center;
               justify-content: space-between;
               flex-wrap: wrap;
               .active {
                  background: rgba(0,64,150,0.1) !important;
                  color: #004096 !important;
               flex-direction: column;
               margin-top: 28rpx;
               .sear-item-label {
                  font-weight: 500;
                  font-size: 32rpx;
                  color: #111111;
               }
               .sear-item-list-item {
                  width: 216rpx;
                  height: 72rpx;
                  line-height: 72rpx;
                  white-space: nowrap;
                  overflow: hidden; 
                  text-overflow: ellipsis; /* 显示省略号 */
                  text-align: center;
                  background: #F7F7F7;
                  border-radius: 8rpx;
                  font-weight: 400;
                  font-size: 28rpx;
                  color: #333333;
                  margin-bottom: 20rpx;
               .sear-item-list {
                  margin-top: 30rpx;
                  display: flex;
                  align-items: center;
                  justify-content: space-between;
                  flex-wrap: wrap;
                  .active {
                     background: rgba(0,64,150,0.1) !important;
                     color: #004096 !important;
                  }
                  .sear-item-list-item {
                     width: 216rpx;
                     height: 72rpx;
                     line-height: 72rpx;
                     white-space: nowrap;
                     overflow: hidden; 
                     text-overflow: ellipsis; /* 显示省略号 */
                     text-align: center;
                     background: #F7F7F7;
                     border-radius: 8rpx;
                     font-weight: 400;
                     font-size: 28rpx;
                     color: #333333;
                     margin-bottom: 20rpx;
                  }
               }
            }
         }
@@ -255,6 +268,17 @@
         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;