样式调整

components/FilterList/index.vue

@@ -1,6 +1,6 @@
 <template>
   <view class="labelColor itemBox" style="height: 45px;">
-    <view class="item" v-for="(item, index) in filterList" :key="item[props.idValue]" :style="`margin: ${index ? '0 12rpx' : '0 12rpx 0 8rpx'}`">
+    <view class="item" v-for="(item, index) in filterList" :key="item[props.idValue]">
       <!-- v-slot:default="{ data, error }" -->
       <uni-data-picker
         ref="pickerRef"
@@ -18,7 +18,7 @@
         <view v-else class="d-flex">
           <view
             class="selectText"
-            :style="`max-width: ${item.value? '100rpx' : '120rpx'}; color: ${item.value? '#008978' : ''}`"
+            :style="`color: ${item.value? '#008978' : ''}`"
           >
             {{ item[labelValue] }}
             <!-- {{ item.text || item[labelValue] }} -->
@@ -98,7 +98,7 @@ watch(() => props.list,
   display: flex;
   justify-content: space-between;
   // flex-wrap: wrap;
-  padding: 0 5rpx;
+  padding: 0 10rpx;
   .item {
     // width: 20%;
     // max-width: 20%;
@@ -106,10 +106,6 @@ watch(() => props.list,
     align-items: center;
     font-size: 14px;
     // flex-wrap: wrap;
-    .selectText {
-      white-space: nowrap;
-      overflow: hidden;
-    }
   }
 }
 .popup {

components/PositionList/index.vue

@@ -1,72 +1,78 @@
 <template>
-  <view v-if="list.length > 0">
-    <view v-for="(item, index) in list" :key="index">
-      <!-- 职位信息 -->
-      <view class="list-shape" @click="toDetail(1, item)">
-        <!-- 职位 -->
-        <view class="titleBox my-5">
-          <view style="display: flex;align-items: center;">
-            <view v-if="item.job?.hire" class="iconfont icon-a-1_zhaopin ss-m-r-10" style="color: #e03506; font-size: 25px;"></view>
-            <!-- <view v-if="item.job.name.indexOf('style')" v-html="item.job.name" class="job-name" style=""></view> -->
-            <rich-text v-if="item.job?.name?.indexOf('style')" class="job-name" :nodes="item.job.name"></rich-text>
-            <view v-else class="job-name" style="">{{item.job?.name}}</view>
+  <view>
+    <view v-if="list.length > 0">
+      <view v-for="(item, index) in list" :key="index">
+        <!-- 职位信息 -->
+        <view class="list-shape" @click="toDetail(1, item)">
+          <!-- 职位 -->
+          <view class="titleBox my-5">
+            <view style="display: flex;align-items: center;">
+              <view v-if="item.job?.hire" class="iconfont icon-a-1_zhaopin ss-m-r-10" style="color: #e03506; font-size: 25px;"></view>
+              <!-- <view v-if="item.job.name.indexOf('style')" v-html="item.job.name" class="job-name" style=""></view> -->
+              <rich-text v-if="item.job?.name?.indexOf('style')" class="job-name" :nodes="item.job.name"></rich-text>
+              <view v-else class="job-name" style="">{{item.job?.name}}</view>
+            </view>
+            <span class="salary-text">{{ item.job?.payFrom }}-{{ item.job?.payTo }}{{ item.job?.payName ? '/' + item.job?.payName : '' }}</span>
+          </view>
+          <!-- 工作地 -->
+          <view style="font-size: 13px;" class="mt">
+            <span class="tag-gap">
+              <span>{{item.job?.areaName }}</span>
+              <span class="divider-mx" v-if="item.job?.areaName && item.job?.eduName">|</span>
+              <span>{{item.job?.eduName }}</span>
+              <span class="divider-mx" v-if="item.job?.expName">|</span>
+              <span>{{item.job?.expName }}</span>
+            </span>
+          </view>
+          <!-- 岗位tag  -->
+          <view class="mt" v-if="showWelfareTag">
+            <uni-tag 
+              v-for="(tag,i) in item.enterprise?.welfareList || []"
+              :key="i"
+              class="tag-gap"
+              :text="tag"
+              inverted="false"
+              size="mini"
+              custom-style="background-color: #ececec;color:#666;border-color:#ececec;display: inline-block;"
+            />
+          </view>
+          <view style="text-align: end;" v-if="item.job?.hire">
+            <uni-tag
+              class="ss-m-l-10"
+              v-if="item?.job?.hirePrice && item?.job?.hirePrice > 0" 
+              :text="`赏金：${commissionCalculation(item.job.hirePrice, 1)}元`"
+              inverted="false"
+              size="default"
+              custom-style="background-color: #e2f0ef; color:#00897B; border-color:#e2f0ef;"
+            />
           </view>
-          <span class="salary-text">{{ item.job?.payFrom }}-{{ item.job?.payTo }}{{ item.job?.payName ? '/' + item.job?.payName : '' }}</span>
-        </view>
-        <!-- 工作地 -->
-        <view style="font-size: 13px;" class="mt">
-          <span class="tag-gap">
-            <span>{{item.job?.areaName }}</span>
-            <span class="divider-mx" v-if="item.job?.areaName && item.job?.eduName">|</span>
-            <span>{{item.job?.eduName }}</span>
-            <span class="divider-mx" v-if="item.job?.expName">|</span>
-            <span>{{item.job?.expName }}</span>
-          </span>
-        </view>
-        <!-- 岗位tag  -->
-        <view class="mt" v-if="showWelfareTag">
-          <uni-tag 
-            v-for="(tag,i) in item.enterprise?.welfareList || []"
-            :key="i"
-            class="tag-gap"
-            :text="tag"
-            inverted="false"
-            size="mini"
-            custom-style="background-color: #ececec;color:#666;border-color:#ececec;display: inline-block;"
-          />
-        </view>
-        <view style="text-align: end;" v-if="item.job?.hire">
-          <uni-tag
-            class="ss-m-l-10"
-            v-if="item?.job?.hirePrice && item?.job?.hirePrice > 0" 
-            :text="`赏金：${commissionCalculation(item.job.hirePrice, 1)}元`"
-            inverted="false"
-            size="default"
-            custom-style="background-color: #e2f0ef; color:#00897B; border-color:#e2f0ef;"
-          />
-        </view>
-      </view>
-      <!-- 企业信息 -->
-      <view class="sub-li-bottom">
-        <view class="avatarBox" @click="toDetail(0, item)">
-          <image class="enterAvatar ml" :src="item.enterprise?.logoUrl || 'https://minio.citupro.com/dev/menduner/company-avatar.png'"></image>
         </view>
-        <view class="ss-m-l-35">
-          <!-- 企业简称 -->
-          <span
-            class="mr"
-            style="font-weight: bold;"
-            @click="toDetail(0, item)"
-          >
-            {{ item.enterprise?.anotherName || ' -- ' }}
-          </span>
-          <span>{{ item.enterprise?.industryName || '行业未知' }}</span>
-          <span class="divider tag-gap1"> | </span>
-          <span class="mr">{{ item.enterprise?.scaleName || '规模未知' }}</span>
+        <!-- 企业信息 -->
+        <view class="sub-li-bottom">
+          <view class="avatarBox" @click="toDetail(0, item)">
+            <image class="enterAvatar ml" :src="item.enterprise?.logoUrl || 'https://minio.citupro.com/dev/menduner/company-avatar.png'"></image>
+          </view>
+          <view class="ss-m-l-35">
+            <!-- 企业简称 -->
+            <span
+              class="mr"
+              style="font-weight: bold;"
+              @click="toDetail(0, item)"
+            >
+              {{ item.enterprise?.anotherName || ' -- ' }}
+            </span>
+            <span>{{ item.enterprise?.industryName || '行业未知' }}</span>
+            <span class="divider tag-gap1"> | </span>
+            <span class="mr">{{ item.enterprise?.scaleName || '规模未知' }}</span>
+          </view>
         </view>
       </view>
+      <view v-if="props.noMore" class="noMore">暂无更多数据</view>
+    </view>
+    <view v-else>
+      <image src="https://minio.citupro.com/dev/static/nodata.png" mode="widthFix" style="width: 100vw;height: 100vh;"></image>
+      <view style="color: gray; text-align: center;">暂无数据</view>
     </view>
-    <view v-if="props.noMore" class="noMore">暂无更多数据</view>
   </view>
 </template>
 <script setup>