样式调整

components/FilterList/index.vue

@@ -10,7 +10,6 @@
         :popup-title="'请选择' + item[labelValue]" 
         :map="item.map || { text: 'label', value: 'value' }"
         @change="e => handleClick(e, item)"
-        @nodeclick="handleChange"
       >
         <view v-if="error" class="error">
           <text>{{error}}</text>
@@ -62,8 +61,6 @@ const handleClear = (item, index) => {
   emit('change', item.key, item.value)
 }
 
-const handleChange = () => {}
-
 // 获取字典数据
 const getData = (e) => {
   getDict(e.dictType, e.map ? {} : null, e.map ? e.dictType : 'dict').then(({ data }) => {
@@ -94,18 +91,12 @@ watch(() => props.list,
 .labelColor { color: #5c5c5c; }
 .marginT2 { margin-top: 2px; }
 .itemBox {
-  width: 100%;
   display: flex;
   justify-content: space-between;
-  // flex-wrap: wrap;
-  padding: 0 10rpx;
   .item {
-    // width: 20%;
-    // max-width: 20%;
     display: flex;
     align-items: center;
     font-size: 14px;
-    // flex-wrap: wrap;
   }
 }
 .popup {

pages/index/position.vue

@@ -14,7 +14,9 @@
       </view>
       <view class="white-bgc px-10 mb-10">
         <SwiperAd :list="swiperAdList"></SwiperAd>
-        <FilterList :list="filterList" idValue="label" @change="handleSearch"></FilterList>
+        <view class="px-10">
+          <FilterList :list="filterList" idValue="label" @change="handleSearch"></FilterList>
+        </view>
       </view>
       <PositionList class="pb-10" :list="positionListData" :noMore="noMore"></PositionList>
     </scroll-view>
@@ -92,6 +94,8 @@ const loadingMore = () => { // 加载更多
 .pb-10 { padding-bottom: 10px; }
 .pb-20 { padding-bottom: 20px; }
 .px-10 { padding-left: 10px; padding-right: 10px; }
+.mx-10 { margin-left: 10px; margin-right: 10px }
+.mx-20 { margin-left: 20px; margin-right: 20px; }
 .mb-10 { margin-bottom: 10px; }
 .box {
   height: 100vh;