谁看过我

pagesA/seenMe/index.vue

@@ -1,44 +1,33 @@
 <template>
-  <view class="defaultBgc ss-p-x-20" style="height: 100vh; position: relative;">
+  <view style="height: 100vh; position: relative;">
     <scroll-view v-if="showList" class="scrollBox" scroll-y="true" @scrolltolower="loadingMore">
       <view v-if="list.length > 0">
-        <view v-for="(item, index) in list" :key="index" class="ss-m-t-20" @click="jumpToEnterpriseDetail(item.enterprise.id)">
+        <view v-for="(item, index) in list" :key="index" class="list-item default-border defaultBgc" @click="jumpToEnterpriseDetail(item.enterprise.id)">
           <view class="sub-li-bottom">
             <view class="avatarBox">
               <image class="r-avatar" :src="getUserAvatar(item.contact.avatar, item.contact.sex)"></image>
             </view>
-            <view class="ss-m-l-30">
-              <span>{{ item.contact?.name }}</span>
-              <span class="ss-m-x-10" v-if="item.contact?.name && item.contact?.nameCn"> | </span>
-              <span>{{ item.post?.nameCn }}</span>
+            <view class="ss-m-l-30" style="font-size: 28rpx;">
+              <span class="MiSans-Normal ss-m-r-10">{{ item.contact?.name }}</span>
+              <span class="MiSans-Normal">{{ item.post?.nameCn }}</span>
             </view>
           </view>
-          <view style="background-color: #fff; border-radius: 0 0 12px 12px;" class="ss-p-30">
+          <view class="ss-m-y-30" style="border-top: 1rpx solid #E1E4E9"></view>
+          <view>
             <view class="d-flex align-center">
-              <image :src="item.enterprise.logoUrl" style="width: 50px; height: 50px;"></image>
+              <view class="">
+                <image class="default-radius default-border" :src="item.enterprise.logoUrl" style="width: 50px; height: 50px; object-fit: contain;"></image>
+              </view>
               <view style="flex: 1;" class="ss-m-l-30">
-                <view class="enterprise-name ellipsis">{{ formatName(item.enterprise.anotherName || item.enterprise.name) }}</view>
+                <view class="enterprise-name ellipsis default-text-color MiSans-Semibold">{{ formatName(item.enterprise.anotherName || item.enterprise.name) }}</view>
                 <!-- 行业规模 -->
-                <view class="ss-m-y-15 font-size-12">
-                  <span class="tag-gap color-666">
-                    <span>{{item.enterprise.industryName }}</span>
-                    <span class="ss-m-x-10" v-if="item.enterprise.industryName && item.enterprise.scaleName">|</span>
-                    <span>{{item.enterprise.scaleName }}</span>
-                  </span>
-                </view>
-                <!-- 标签 -->
                 <view>
-                  <uni-tag 
-                    v-for="(tag, i) in item.enterprise.tagList || []"
-                    :key="i"
-                    class="ss-m-r-10"
-                    :text="tag"
-                    inverted="false"
-                    size="mini"
-                    custom-style="background-color: #eef1f7;color:#7f828b;border-color:#eef1f7;"
-                  />
+                  <span class="tag-gap color-666" style="font-size: 24rpx;">
+                    <span class="MiSans-Normal ss-m-r-10">{{item.enterprise.industryName }}</span>
+                    <span class="MiSans-Normal">{{item.enterprise.scaleName }}</span>
+                  </span>
                 </view>
-                <view class="color-666 font-size-13 ss-m-t-20">查看时间：{{ timesTampChange(item.updateTime) }}</view>
+                <view class="color-666 ss-m-t-10 MiSans-Normal" style="font-size: 22rpx;">查看时间：{{ timesTampChange(item.updateTime) }}</view>
               </view>
             </view>
           </view>
@@ -49,14 +38,16 @@
         <image src="https://minio.citupro.com/dev/static/nodata.png" mode="widthFix" style="width: 100vw;height: 100vh;"></image>
       </view>
     </scroll-view>
-	<view v-else class="noviewlist">
-		<view v-if="userInfo?.vipExpireDate > Date.now() && !userInfo?.entitlement?.viewersList">
-			当前会员套餐的权益不包含谁关注我，<span class="text-line" @tap.stop="handleToBuyVip">点击去升级</span>
-		</view>
-		<view v-if="!userInfo?.vipExpireDate || (userInfo?.vipExpireDate && userInfo?.vipExpireDate < Date.now())">
-			谁关注我为会员权益内容，<span class="text-line" @tap.stop="handleToBuyVip">点击去开通</span>
-		</view>
-	</view>
+    <view v-else class="noviewlist">
+      <view v-if="userInfo?.vipExpireDate > Date.now() && !userInfo?.entitlement?.viewersList">
+        <span class="MiSans-Normal">当前会员套餐的权益不包含谁关注我，</span>
+        <span class="text-line MiSans-Medium" @tap.stop="handleToBuyVip">点击去升级</span>
+      </view>
+      <view v-if="!userInfo?.vipExpireDate || (userInfo?.vipExpireDate && userInfo?.vipExpireDate < Date.now())">
+        <span class="MiSans-Normal">谁关注我为会员权益内容，</span>
+        <span class="text-line MiSans-Medium" @tap.stop="handleToBuyVip">点击去开通</span>
+      </view>
+    </view>
   </view>
 </template>
 
@@ -114,20 +105,26 @@ const handleToBuyVip = () => {
 </script>
 
 <style scoped lang="scss">
+.list-item {
+  margin: 30rpx;
+  border-radius: 20rpx;
+  padding: 30rpx;
+  &:last-child {
+    margin-bottom: 0;
+  }
+  &:first-child {
+    margin-top: 0;
+  }
+}
 .sub-li-bottom {
   display: flex;
   align-items: center;
-  background: linear-gradient(90deg, #f5fcfc 0, #fcfbfa 100%);
-  font-size: 13px;
-  padding: 5px 30rpx;
-  border-radius: 12px 12px 0 0;
   .avatarBox {
     max-width: 40px;
     max-height: 40px;
   }
 }
 .enterprise-name {
-  color: #333;
   font-weight: bold;
   font-size: 16px;
   width: 70vw;