职位列表：薪酬位置调整

components/PositionList/index.vue

@@ -11,18 +11,22 @@
               <rich-text v-if="item.job?.name?.indexOf('style') !== -1" class="job-name" :nodes="item.job.name"></rich-text>
               <view v-else class="job-name">{{item.job?.name}}</view>
             </view>
-            <span v-if="!item.job?.payFrom && !item.job?.payTo" class="salary-text">面议</span>
-            <span v-else 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" style="color: #808080;">
-              <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 class="d-flex align-center justify-space-between">
+            <view class="font-size-13 ellipsis" style="max-width: 56%;">
+              <span class="tag-gap" style="color: #808080;">
+                <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>
+            <view>
+              <span v-if="!item.job?.payFrom && !item.job?.payTo" class="salary-text">面议</span>
+              <span v-else class="salary-text">{{ item.job?.payFrom }}-{{ item.job?.payTo }}{{ item.job?.payName ? '/' + item.job?.payName : '' }}</span>
+            </view>
           </view>
           <!-- 岗位tag  -->
           <view class="mt" v-if="showWelfareTag">
@@ -115,7 +119,7 @@ const toDetail = (item) =>{
   font-size: 16px;
   font-weight: 700;
   color: #345768;
-  max-width: 50vw;
+  max-width: 80vw;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;