mrshi

MrShi

2024-04-02 174350e855349919ee287a52d3198c7c7558b858

 wx/components/search/search.vue

@@ -25,9 +25,11 @@
            </view>
            <view class="search_list_item">
               <view class="search_list_item_label">状态：</view>
               <view class="search_list_item_cate">
                  <view :class="index === i ? 'cate_active cate_item' : 'cate_item'" v-for="(item, index) in list" :key="index" @click="i = index">{{item.name}}</view>
               </view>
               <scroll-view scroll-y class="search_list_item_cate">
                  <view class="search_list_item_cate_data">
                     <view :class="index === i ? 'cate_active cate_item' : 'cate_item'" v-for="(item, index) in list" :key="index" @click="i = index">{{item.name}}</view>
                  </view>
               </scroll-view>
            </view>
         </view>
         <view class="search_footer">
@@ -53,7 +55,7 @@
            name: '',
            startTime: '',
            endTime: '',
            time: '',
            time: Number(new Date()),
            type: ''
         };
      },
@@ -215,35 +217,39 @@
               }
               .search_list_item_cate {
                  width: 100%;
                  max-height: 260rpx;
                  margin-top: 24rpx;
                  display: flex;
                  align-items: center;
                  flex-wrap: wrap;
                  justify-content: space-between;
                  .cate_active {
                     background: rgba(67,124,179,0.12) !important;
                     color: #437CB3 !important;
                  }
                  .cate_item {
                     width: 216rpx;
                     height: 68rpx;
                     line-height: 68rpx;
                     text-align: center;
                     background: #F2F2F2;
                     border-radius: 36rpx;
                     font-weight: 400;
                     font-size: 26rpx;
                     color: #222222;
                     font-style: normal;
                     margin-top: 30rpx;
                     &:nth-child(1) {
                        margin-top: 0 !important;
                  .search_list_item_cate_data {
                     width: 100%;
                     display: flex;
                     align-items: center;
                     flex-wrap: wrap;
                     justify-content: space-between;
                     .cate_active {
                        background: rgba(67,124,179,0.12) !important;
                        color: #437CB3 !important;
                     }
                     &:nth-child(2) {
                        margin-top: 0 !important;
                     }
                     &:nth-child(3) {
                        margin-top: 0 !important;
                     .cate_item {
                        width: 216rpx;
                        height: 68rpx;
                        line-height: 68rpx;
                        text-align: center;
                        background: #F2F2F2;
                        border-radius: 36rpx;
                        font-weight: 400;
                        font-size: 26rpx;
                        color: #222222;
                        font-style: normal;
                        margin-top: 30rpx;
                        &:nth-child(1) {
                           margin-top: 0 !important;
                        }
                        &:nth-child(2) {
                           margin-top: 0 !important;
                        }
                        &:nth-child(3) {
                           margin-top: 0 !important;
                        }
                     }
                  }
               }