Browse Source

style:搜索范围、更多筛选样式修改

zhangsiya 1 year ago
parent
commit
d8d85cbc02

+ 5 - 1
apps/bigmember_pc/src/components/filter-items/SearchScopeSelector.vue

@@ -7,7 +7,7 @@
       :beforeChange="beforeChange"
     >
       <template #tips="{ prop }">
-        <div v-if="prop.value === 'winner' && !prop.power">
+        <div v-if="prop.value === 'winner' && !prop.power && isOld">
           <span class="old-user-free">老用户免费专享</span>
         </div>
         <el-popover
@@ -53,6 +53,10 @@ export default {
     options: {
       type: Array,
       default: () => searchScopeData
+    },
+    isOld: {
+      type: Boolean,
+      default: false
     }
   },
   components: {

+ 1 - 6
apps/bigmember_pc/src/views/search/bidding/components/search-bid-filter.vue

@@ -148,7 +148,7 @@ function doChangeFilter() {
     .wrap-line {
       ::v-deep {
         .vip-module {
-          margin-left: 0;
+          margin-left: 10px;
         }
       }
     }
@@ -190,11 +190,6 @@ function doChangeFilter() {
       padding: 0;
       cursor: pointer;
     }
-    .more-filters-container{
-      .search-schema-filter-container{
-
-      }
-    }
   }
 }
 </style>

+ 4 - 1
apps/bigmember_pc/src/views/search/bidding/constant/search-filters.js

@@ -104,6 +104,7 @@ function createSearchBidBaseSchema(conf = {}) {
       component: SearchScopeSelector,
       options: defaultScopeOptions,
       freeConf: {
+        isOld: oldUser && !vipUser,
         beforeChange($event) {
           return beforeChangeHandle($event, 'selectType', isLogin)
         },
@@ -122,7 +123,9 @@ function createSearchBidBaseSchema(conf = {}) {
   }
   const searchScopeExpandVip = {
     component: SearchScopeSelector,
-    props: {},
+    props: {
+      isOld: oldUser && !vipUser
+    },
     hooks: {}
   }
 

+ 42 - 34
apps/bigmember_pc/src/views/search/components/search-schema-filter.vue

@@ -57,43 +57,45 @@ const getPrefix = {
         <slot name="row-label-text">{{ rowLabelText }}</slot>
       </div>
     </slot>
-    <div
-      class="search-schema-filter-item flex flex-row"
-      v-for="(item, index) in schema"
-      :key="getPrefix.item + index"
-      :class="{
+    <div class="search-schema-filter-box">
+      <div
+        class="search-schema-filter-item flex flex-row"
+        v-for="(item, index) in schema"
+        :key="getPrefix.item + index"
+        :class="{
         'flex-items-start': showLabel && item.label
       }"
-    >
-      <div class="search-schema-filter-label" v-if="showLabel && item.label">
-        <slot name="item-label">
-          {{ item.label }}
-        </slot>
-      </div>
-      <div class="flex-1">
-        <!-- @component 自定义组件  -->
-        <!-- @input @change 兼容不同组件的输出  -->
-        <Component
-          v-if="item._type === 'component'"
-          :is="item.expand.component"
-          :ref="getPrefix.component + item._name"
-          :value="props.value[item.key]"
-          @input="doChangeInput(item.key, $event)"
-          @change="doChangeInput(item.key, $event)"
-          v-bind="item.expand.props"
-          v-on="{
+      >
+        <div class="search-schema-filter-label" v-if="showLabel && item.label">
+          <slot name="item-label">
+            {{ item.label }}
+          </slot>
+        </div>
+        <div class="flex-1">
+          <!-- @component 自定义组件  -->
+          <!-- @input @change 兼容不同组件的输出  -->
+          <Component
+            v-if="item._type === 'component'"
+            :is="item.expand.component"
+            :ref="getPrefix.component + item._name"
+            :value="props.value[item.key]"
+            @input="doChangeInput(item.key, $event)"
+            @change="doChangeInput(item.key, $event)"
+            v-bind="item.expand.props"
+            v-on="{
             ...item.expand.hooks
           }"
-        >
-        </Component>
-        <!-- @slot 自定义插槽  -->
-        <slot
-          v-if="item._type === 'slot'"
-          :ref="getPrefix.slot + item._name"
-          :name="item.expand.slot"
-          :item="item"
-          :index="index"
-        ></slot>
+          >
+          </Component>
+          <!-- @slot 自定义插槽  -->
+          <slot
+            v-if="item._type === 'slot'"
+            :ref="getPrefix.slot + item._name"
+            :name="item.expand.slot"
+            :item="item"
+            :index="index"
+          ></slot>
+        </div>
       </div>
     </div>
   </div>
@@ -112,7 +114,13 @@ const getPrefix = {
   &.use-style-row {
     display: flex;
     flex-direction: row;
-    align-items: center;
+    .search-schema-filter-box{
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      flex-wrap: wrap;
+    }
+
   }
 
   .search-schema-filter-label {