我的关注

pagesA/collect/company.vue

@@ -1,31 +1,30 @@
 <template>
-  <view class="ss-m-x-20">
+  <view>
     <scroll-view class="scrollBox" scroll-y="true" @scrolltolower="loadingMore" style="height: 100vh;">
       <view v-if="items.length">
-        <view v-for="(item, index) in items" :key="index" class="ss-m-t-20" @click="jumpToEnterpriseDetail(item.id)">
-          <view style="background-color: #fff; border-radius: 12px;" class="ss-p-30">
-            <view class="d-flex align-center">
-              <image :src="item.logoUrl || 'https://minio.citupro.com/dev/menduner/company-avatar.png'" style="width: 50px; height: 50px; object-fit: contain"></image>
-              <view style="flex: 1;" class="ss-m-l-30">
-                <view class="enterprise-name ellipsis">{{ formatName(item.anotherName || item.name) }}</view>
-                <view class="ss-m-y-15 font-size-12">
-                  <span class="tag-gap color-666">
-                    <span>{{item.industryName }}</span>
-                    <span class="ss-m-x-10" v-if="item.scaleName">|</span>
-                    <span>{{item.scaleName }}</span>
-                  </span>
-                </view>
-                <view>
-                  <uni-tag 
-                    v-for="(tag, i) in item.tagList || []"
-                    :key="i"
-                    class="ss-m-r-10"
-                    :text="tag"
-                    inverted="false"
-                    size="mini"
-                    custom-style="background-color: #eef1f7;color:#7f828b;border-color:#eef1f7;"
-                  />
-                </view>
+        <view v-for="(item, index) in items" :key="index" class="list-item default-border defaultBgc" @click="jumpToEnterpriseDetail(item.id)">
+          <view class="d-flex align-center">
+            <view class="enterAvatar default-radius default-border">
+              <image class="enterAvatar default-radius default-border" :src="item.logoUrl || 'https://minio.citupro.com/dev/menduner/company-avatar.png'"></image>
+            </view>
+            <view style="flex: 1;" class="ss-m-l-30">
+              <view class="enterprise-name ellipsis MiSans-Semibold default-text-color">{{ formatName(item.anotherName || item.name) }}</view>
+              <view class="ss-m-y-15 font-size-12">
+                <span class="tag-gap color-666">
+                  <span class="MiSans-Normal ss-m-r-10">{{item.industryName }}</span>
+                  <span class="MiSans-Normal">{{item.scaleName }}</span>
+                </span>
+              </view>
+              <view>
+                <uni-tag 
+                  v-for="(tag, i) in item.tagList || []"
+                  :key="i"
+                  class="ss-m-r-10"
+                  :text="tag"
+                  inverted="false"
+                  size="mini"
+                  custom-style="background-color: #eef1f7;color:#7f828b;border-color:#eef1f7; font-family: MiSans-Normal;"
+                />
               </view>
             </view>
           </view>
@@ -73,10 +72,21 @@ const loadingMore = () => {
 
 <style scoped lang="scss">
 .enterprise-name {
-  color: #333;
   font-weight: bold;
-  font-size: 16px;
+  font-size: 30rpx;
   width: 70vw;
   max-width: 70vw;
 }
+.list-item {
+  margin: 30rpx;
+  border-radius: 20rpx;
+  padding: 30rpx;
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+.enterAvatar {
+  width: 60px;
+  height: 60px;
+}
 </style>

pagesA/collect/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="defaultBgc">
+  <view>
     <uni-segmented-control :current="current" :values="controlList" @clickItem="handleChange" styleType="text" activeColor="#00B760" style="background-color: #fff;"></uni-segmented-control>
     <Position v-if="current === 0"></Position>
     <Company v-else></Company>
@@ -20,7 +20,4 @@ const handleChange = (e) => {
 </script>
 
 <style scoped lang="scss">
-:deep(.segmented-control) {
-  background-color: #fff !important;
-}
 </style>

pagesA/collect/position.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="defaultBgc">
+  <view>
     <scroll-view class="scrollBox" scroll-y="true" @scrolltolower="loadingMore" style="height: 100vh;">
       <view v-if="items.length">
         <PositionList class="pb-10" :list="items" :noMore="false"></PositionList>