精选企业

pagesB/recommendEnterprise/index.vue

@@ -2,15 +2,14 @@
   <view style="padding-bottom: 30px;">
     <scroll-view scroll-y="true" @scrolltolower="loadingMore" style="height: 100vh;">
       <view v-if="items.length">
-        <uni-card v-for="(val, index) in items" :key="index" :is-shadow="true" :border='false' shadow="0px 0px 3px 1px rgba(0,0,0,0.1)">
+        <view v-for="(val, index) in items" :key="index" class="list-item defaultBgc default-border">
           <view class="d-flex align-center" @click="jumpToEnterpriseDetail(val.enterprise.id)">
-            <image class="enterAvatar" :src="val.enterprise.logoUrl ? val.enterprise.logoUrl : 'https://minio.citupro.com/dev/menduner/company-avatar.png'"></image>
+            <image class="enterAvatar default-border default-radius" :src="val.enterprise.logoUrl ? val.enterprise.logoUrl : 'https://minio.citupro.com/dev/menduner/company-avatar.png'"></image>
             <view class="ss-m-l-20" style="flex: 1;">
-              <view class="font-size-16 enterpriseName">{{ formatName(val.enterprise.anotherName || val.enterprise.name) }}</view>
-              <view class="ss-m-t-5">
-                <span class="color-999">{{ val.enterprise?.industryName || '' }}</span>
-                <span class="divider tag-gap1" v-if="val.enterprise?.industryName && val.enterprise?.scaleName"> | </span>
-                <span class="color-999">{{ val.enterprise?.scaleName || '' }}</span>
+              <view class="enterpriseName default-text-color MiSans-Semibold">{{ formatName(val.enterprise.anotherName || val.enterprise.name) }}</view>
+              <view class="ss-m-t-5" style="font-size: 24rpx;">
+                <span class="color-666 MiSans-Normal ss-m-r-10">{{ val.enterprise?.industryName || '' }}</span>
+                <span class="color-666 MiSans-Normal">{{ val.enterprise?.scaleName || '' }}</span>
               </view>
               <view class="ss-m-t-10">
                 <uni-tag 
@@ -20,31 +19,29 @@
                   :text="tag"
                   inverted="false"
                   size="mini"
-                  custom-style="background-color: #ececec; color: #666; border-color: #ececec; display: inline-block;"
+                  custom-style="background-color: #ececec; color: #666; border-color: #ececec; display: inline-block; font-family: MiSans-Normal;"
                 />
               </view>
             </view>
           </view>
-          <view class="line ss-m-y-20"></view>
+          <view class="default-border ss-m-y-20"></view>
           <view>
             <view class="list-shape" v-for="(k, i) in val.jobList" :key="k.id" @click="handleToPosition(k)" :style="{'padding-bottom': i !== val.jobList.length - 1 ? '10px' : ''}">
               <view class="titleBox my-5">
-                <view class="job-name" :style="{'max-width': !k.payFrom && !k.payTo ? '65vw' : '50vw'}">{{ formatName(k.name) }}</view>
-                <span v-if="!k.payFrom && !k.payTo" class="salary-text">面议</span>
-                <span v-else class="salary-text">{{ k.payFrom }}-{{ k.payTo }}{{ k.payName ? '/' + k.payName : '' }}</span>
+                <view class="job-name MiSans-Semibold default-text-color" :style="{'max-width': !k.payFrom && !k.payTo ? '65vw' : '50vw'}">{{ formatName(k.name) }}</view>
+                <span v-if="!k.payFrom && !k.payTo" class="salary-text MiSans-Bold">面议</span>
+                <span v-else class="salary-text MiSans-Bold">{{ k.payFrom }}-{{ k.payTo }}{{ k.payName ? '/' + k.payName : '' }}</span>
               </view>
-              <view style="font-size: 13px;" class="ss-m-t-5">
-                <span class="tag-gap" style="color: #808080;">
-                  <span>{{ k.area?.str ?? '全国' }}</span>
-                  <span class="ss-m-x-10" v-if="k.eduName">|</span>
-                  <span>{{ k.eduName }}</span>
-                  <span class="ss-m-x-10" v-if="k.expName">|</span>
-                  <span>{{ k.expName }}</span>
+              <view class="ss-m-t-5" style="font-size: 24rpx;">
+                <span class="color-666">
+                  <span class="MiSans-Normal ss-m-r-10">{{ k.area?.str ?? '全国' }}</span>
+                  <span class="MiSans-Normal ss-m-r-10">{{ k.eduName }}</span>
+                  <span class="MiSans-Normal">{{ k.expName }}</span>
                 </span>
               </view>
             </view>
           </view>
-        </uni-card>
+        </view>
         <uni-load-more :status="more" />
       </view>
       <view v-else class="nodata-img-parent">
@@ -102,21 +99,30 @@ const handleToPosition = (k) => {
 </script>
 
 <style scoped lang="scss">
+.list-item {
+  margin: 30rpx;
+  border-radius: 20rpx;
+  padding: 30rpx;
+  &:last-child {
+    margin-bottom: 0;
+  }
+  &:first-child {
+    margin-top: 0;
+  }
+}
 .enterpriseName {
-  color: #0E100F;
-  font-weight: 700;
+  font-size: 30rpx;
+  font-weight: 600;
+  font-size: 30rpx;
+  font-style: normal;
+  text-transform: none;
 }
 .enterAvatar {
   width: 60px;
   height: 60px;
-  // border-radius: 50%;
   margin: auto;
 }
-.line {
-  border-top: 1px solid #ccc;
-}
 .list-shape {
-  background-color: #fff;
   border-radius: 12px 12px 0 0;
   .titleBox {
     display: flex;
@@ -128,12 +134,10 @@ const handleToPosition = (k) => {
 	float: right;
   font-size: 15px;
 	color: #00B760;
-  font-weight: 700;
+  font-weight: 500;
 }
 .job-name {
   font-size: 30rpx;
-  font-weight: 700;
-  color: #0E100F;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;