职位列表

components/FilterList/index.vue

@@ -1,7 +1,7 @@
 <template>
   <view class="labelColor itemBox">
     <view class="item" v-for="item in filterList" :key="item[props.idValue]" @click="handleClick(item)">
-      <view class="">{{ item[labelValue] }}</view>
+      <view>{{ item[labelValue] }}</view>
       <!-- <icon type="success" size="14"/> -->
        <view class="iconBox"><uni-icons type="bottom" color="#999" size="18"/></view>
     </view>

pages/index/position.vue

@@ -1,17 +1,17 @@
 <template>
   <view class="box defaultBgc">
     <scroll-view class="scrollBox" scroll-y="true" @scrolltolower="loadingMore" @refresherrefresh="refresh" style="position:relative;">
-      <uni-search-bar
-        class="ss-flex-1 white-bgc"
-        radius="8"
-        placeholder="请输入关键字"
-        cancelButton="none"
-        :focus="false"
-        @confirm="onSearch($event.value)"
-      />
-      <view class="block">
+      <view class="block pb-10">
+        <uni-search-bar
+          class="px-0"
+          radius="8"
+          placeholder="请输入关键字"
+          cancelButton="none"
+          :focus="false"
+          @confirm="onSearch($event.value)"
+        />
         <SwiperAd class="pb-20" :list="swiperAdList"></SwiperAd>
-        <FilterList class="pb-10" :list="filterList" idValue="label"></FilterList>
+        <!-- <FilterList class="pb-10" :list="filterList" idValue="label"></FilterList> -->
       </view>
       <PositionList class="pb-10" :list="positionListData" :noMore="noMore"></PositionList>
     </scroll-view>
@@ -21,7 +21,7 @@
 <script setup>
 import SwiperAd from '@/components/SwiperAd'
 // import SearchBar from '@/components/SearchBar'
-import FilterList from '@/components/FilterList'
+// import FilterList from '@/components/FilterList'
 import PositionList from '@/components/PositionList'
 import { swiperAdListTest } from '@/utils/testData'
 import { dealDictObjData } from '@/utils/position'
@@ -88,6 +88,7 @@ onPullDownRefresh(() => { // 下拉刷新
 </script>
 
 <style scoped lang="scss">
+.px-0 { padding-left: 0 !important; padding-right: 0 !important; }
 .pb-10 { padding-bottom: 10px; }
 .pb-20 { padding-bottom: 20px; }
 .box {
@@ -95,7 +96,7 @@ onPullDownRefresh(() => { // 下拉刷新
   overflow: hidden;
   .block{
     margin-bottom: 10px;
-    padding: 0 10px;
+    padding: 0 30rpx;
     background-color: #fff;
   }
 }