职位详情

pagesB/positionList/index.vue

@@ -24,7 +24,7 @@
               />
             </template>
           </span>
-          <span class="salary-text">{{ item.job?.payFrom }}-{{ item.job?.payTo }}/{{ item.job?.payName }}</span>
+          <span class="salary">{{ item.job?.payFrom }}-{{ item.job?.payTo }}/{{ item.job?.payName }}</span>
         </view>
         <!-- 工作地 -->
         <view style="font-size: 13px;" class="mt">
@@ -43,7 +43,7 @@
         <view class="mt" v-if="showWelfareTag">
           <uni-tag 
             v-for="(tag,i) in item.enterprise?.welfareList || []"
-            :key="i"
+            :key="'tagList' + i"
             class="tag-gap"
             :text="tag"
             inverted="false"
@@ -132,9 +132,9 @@ const toDetail = (isPosition, item) =>{
   }
 }
 
-.salary-text {
+.salary {
+	// color: #ff770d;
 	float: right;
-	color: #ff770d;
 }
 .list-shape {
 	padding: 10px 30rpx 10px;

static/style/index.scss

@@ -25,6 +25,7 @@
 .cursor-pointer { cursor: pointer; }
 .font-weight-bold { font-weight: bold; }
 .text-center { text-align: center; }
+.vertical80-center { text-align: center; line-height: 80vh; } // 左右居中，高度80居中
 .vertical-center { text-align: center; line-height: 80vh; } // 左右居中，高度80居中
 .d-flex { display: flex; }
 .flex-column { flex-direction: column; }
@@ -88,6 +89,23 @@
 	margin: 5rpx;
 }
 
+.salary {
+  color: var(--v-error-base);
+  line-height: 41px;
+  font-weight: 500;
+  height: auto;
+  display: inline-block;
+  vertical-align: sub;
+}
+.bold {font-weight: bold;}
+.w-600 {font-weight: 600;}
+
+.horizontalDividingLine {
+  height: 1px;
+  color: #EDEDED;
+  width: 100%;
+}
+
 // 高亮
 .default-active {
   color: var(--v-primary-base) !important;