Browse Source

样式调整

lifanagju_citu 3 months ago
parent
commit
831d3238fc
1 changed files with 16 additions and 18 deletions
  1. 16 18
      pagesB/positionDetail/index.vue

+ 16 - 18
pagesB/positionDetail/index.vue

@@ -4,13 +4,15 @@
       <view class="box">
         <view v-if="loading" class="vertical80-center">{{ loadingText }}</view>
         <view v-else>
-          <!-- 职位名称 + 薪资 -->
-          <h2 class="JobName">{{ formatName(info.name) }}</h2>
-          <view style="text-align: end;">
-            <span v-if="!info.payFrom && !info.payTo" class="salary w-600">面议</span>
-            <span v-else class="salary w-600">{{ info.payFrom }}-{{ info.payTo }}/{{ positionInfo.payName }}</span>
+          <view class="mt-5" style="display: flex; align-items: center;">
+            <view v-if="info.hire" class="iconfont icon-a-1_zhaopin" style="color: #e03506; font-size: 30px;"></view>
+            <!-- 赏金 -->
+            <view v-if="info.hire && info.hirePrice" class="hirePrice ss-m-r-10">{{ `赏金:${commissionCalculation(info.hirePrice / 100, 1)}元` }}</view>
+            <image v-if="isJobFair" src="/static/svg/jobFair.svg" class="ss-m-r-10" style="width: 22px; height: 22px;"></image>
+            <!-- 职位名称 -->
+            <h2 class="JobName">{{ formatName(info.name) }}</h2>
           </view>
-          <!-- 职位地区 收藏职位 -->
+          <!-- 职位地区 -->
           <view class="d-flex justify-space-between mt-5 align-center">
             <view style="font-size: 14px; flex: 1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-right: 30px;">
               <span>
@@ -21,6 +23,8 @@
                 <span>{{positionInfo?.expName }}</span>
               </span>
             </view>
+          </view>
+          <view class="d-flex justify-space-between mt-5 align-center">
             <!-- 收藏职位 -->
             <view @click="handleCollection" style="width: 36px;">
               <uni-icons
@@ -30,25 +34,19 @@
                 size="25"
               ></uni-icons>
             </view>
+            <!-- 薪资 -->
+            <view>
+              <span v-if="!info.payFrom && !info.payTo" class="salary w-600">面议</span>
+              <span v-else class="salary w-600">{{ info.payFrom }}-{{ info.payTo }}/{{ positionInfo.payName }}</span>
+            </view>
           </view>
+          <view class="font-size-13 color-999 ss-m-t-10" style="text-align: end;">更新时间:{{ timesTampChange(info.updateTime, 'Y-M-D h:m') }}</view>
           <!-- 标签 -->
           <view class="tagList mt">
             <view class="tag" v-for="(tag,i) in info?.tagList || []" :key="'tagList' + i">
               {{ tag }}
             </view>
           </view>
-          <view class="topLine">
-            <!-- 赏金 -->
-            <view v-if="info.hire" class="mt-5" style="display: flex; align-items: center;">
-              <view class="iconfont icon-a-1_zhaopin" style="color: #e03506; font-size: 30px;"></view>
-              <view class="hirePrice">{{ `赏金:${commissionCalculation(info.hirePrice / 100, 1)}元` }}</view>
-            </view>
-            <!-- 招聘会 -->
-            <view v-if="isJobFair" class="mt-5" style="display: flex; align-items: center;">
-              <image src="/static/svg/jobFair.svg" class=" ss-m-r-10" style="width: 20px; height: 20px;"></image>
-            </view>
-          </view>
-          <view class="font-size-13 color-999 ss-m-t-10" style="text-align: end;">更新时间:{{ timesTampChange(info.updateTime, 'Y-M-D h:m') }}</view>
           <!-- 企业信息 -->
           <view class="topLine mt-5 d-flex" @click="jumpToEnterpriseDetail(info.enterprise.id)">
             <view class="avatarBox">