职位标题

components/PositionList/index.vue

@@ -5,19 +5,9 @@
       <view class="list-shape" @click="toDetail(1, item)">
         <!-- 职位 -->
         <view class="titleBox my-5">
-          <view class="d-flex align-center">
+          <view style="display: flex;align-items: center;">
             <uni-icons v-if="item.job?.hire" class="icon-a-1_zhaopin ss-m-r-10" custom-prefix="iconfont" color="#e03506" size="25"/>
-            <view style="font-size: 16px;font-weight: 700;color: black;">{{item.job?.name}}</view>
-            <template 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="mini"
-                custom-style="background-color: #e2f0ef;color:#00897B;border-color:#e2f0ef;"
-              />
-            </template>
+            <view class="job-name" style="">{{item.job?.name}}</view>
           </view>
           <span class="salary-text">{{ item.job?.payFrom }}-{{ item.job?.payTo }}/{{ item.job?.payName }}</span>
         </view>
@@ -43,15 +33,28 @@
             custom-style="background-color: #eef1f7;color:#7f828b;border-color:#eef1f7;"
           />
         </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>
+      <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.stop="toDetail(0, item)"
+            @click="toDetail(0, item)"
           >
             {{ item.enterprise?.anotherName || ' -- ' }}
           </span>
@@ -59,9 +62,6 @@
           <span class="divider tag-gap1"> | </span>
           <span class="mr">{{ item.enterprise?.scaleName || '规模未知' }}</span>
         </view>
-        <view class="avatarBox" @click.stop="toDetail(0, item)">
-          <image class="enterAvatar ml" :src="item.enterprise?.logoUrl || 'https://minio.citupro.com/dev/menduner/company-avatar.png'"></image>
-        </view>
       </view>
     </view>
     <view v-if="props.noMore" class="noMore">暂无更多数据</view>
@@ -111,13 +111,22 @@ const toDetail = (isPosition, item) =>{
 	margin: auto;
 }
 
+.job-name {
+  font-size: 16px;
+  font-weight: 700;
+  color: black;
+  max-width: 50vw;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
 .sub-li-bottom {
   display: flex;
-  justify-content:space-between;
   align-items: center;
   background: linear-gradient(90deg, #f5fcfc 0, #fcfbfa 100%);
   font-size: 13px;
-  padding: 5px 30rpx;
+  padding: 5px;
   .avatarBox {
     max-width: 40px;
     max-height: 40px;

pagesB/companyDetail/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <view  style="padding-bottom: 80px;">
+  <view>
     <view class="mar p-tb ss-m-x-30">
       <view class="f-horizon">
         <image class="r-avatar" style="width: 80px; height: 80px;" :src="info.logoUrl || 'https://minio.citupro.com/dev/menduner/company-avatar.png'"></image>
@@ -28,7 +28,7 @@
     <view v-if="current === 0" style="height: 20rpx; background-color: #f8f8fa;"></view>
 
     <!-- 企业信息 -->
-    <view v-if="current === 0" class="ss-m-t-30 ss-m-x-30">
+    <view v-if="current === 0" class="ss-m-t-30 ss-m-x-30 ss-p-b-30">
       <uni-tag v-for="(tag, i) in info.tagList" :key="i" class="ss-m-r-10" :text="tag" inverted="false" 
       size="default" custom-style="background-color: #eef1f7;color:#7f828b;border-color:#eef1f7;display: inline-block;"/>
       <!-- 简介 -->