feat: 移动端企业模块、数据导出模块样式修改

apps/mobile/src/views/article/components/AbstractEnt.vue

@@ -18,19 +18,21 @@
     <div
       class="abstract-ent-info-list flex flex-(items-center justify-between)"
     >
-      <div class="abstract-ent-info label-value">
-        <span class="ent-info-label">联系人</span>
-        <span class="ent-info-value">
+      <div class="flex flex-(items-center)">
+        <div class="abstract-ent-info label-value">
+          <span class="ent-info-label">联系人</span>
+          <span class="ent-info-value">
           <i class="value-number">{{ contactCount }}</i> 个
         </span>
-      </div>
-      <div class="abstract-ent-info label-value">
-        <span class="ent-info-label">{{
-          entType === 'buyer' ? '合作企业' : '合作客户'
-        }}</span>
-        <span class="ent-info-value">
-          <i class="value-number">{{ cooperateCount }}</i> 个
-        </span>
+        </div>
+        <div class="abstract-ent-info label-value">
+          <span class="ent-info-label">{{
+              entType === 'buyer' ? '合作企业' : '合作客户'
+            }}</span>
+            <span class="ent-info-value">
+            <i class="value-number">{{ cooperateCount }}</i> 个
+          </span>
+        </div>
       </div>
       <div class="abstract-ent-info more value-number highlight-text">
         <template v-if="isLink">
@@ -107,5 +109,11 @@ export default {
       color: #9b9ca3;
     }
   }
+  &:not(:last-of-type) {
+    margin-right: 24px;
+  }
+}
+.j-tag-item.border {
+  border-width: 0.5px;
 }
 </style>

apps/mobile/src/views/article/components/ContentAbstractEntList.vue

@@ -1,5 +1,5 @@
 <template>
-  <section class="abstract-ent-list">
+  <section class="abstract-ent-list bg-white">
     <AbstractEnt
       class="abstract-ent-item"
       v-for="(ent, index) in entDetailList"
@@ -126,8 +126,13 @@ export default {
 
 <style lang="scss" scoped>
 .abstract-ent-list {
-  margin: 8px 0;
-  padding: 0 12px;
+  border-top: 0.5px solid rgba(0, 0, 0, 0.05);
+  padding: 12px 12px 8px;
+  .abstract-ent-item {
+    background: #fafafa;
+    border-radius: 8px;
+    border: 0.5px solid rgba(0, 0, 0, 0.05);
+  }
   .abstract-ent-item:not(:last-of-type) {
     margin-bottom: 8px;
   }

apps/mobile/src/views/article/components/DataExportBanner.vue

@@ -1,6 +1,6 @@
 <template>
   <section
-    class="data-export-banner-container clickable bg-white"
+    class="data-export-banner-container clickable"
     @click="toDataExport"
   >
     <div class="banner-left">
@@ -52,6 +52,8 @@ export default {
   justify-content: space-between;
   padding: 8px 16px;
   border-radius: 8px;
+  background: #fafafa;
+  border: 0.5px solid rgba(0, 0, 0, 0.05);
 }
 .banner-left {
   .j-icon {

apps/mobile/src/views/article/content.vue

@@ -41,7 +41,7 @@
                   class="content-abstract-ent-list-module"
                   :beforeLeavePage="beforeLeavePage"
                 />
-                <section class="data-export-banner-module">
+                <section class="data-export-banner-module bg-white">
                   <DataExportBanner :beforeLeavePage="beforeLeavePage" />
                 </section>
               </div>
@@ -765,7 +765,7 @@ export default {
 }
 
 .data-export-banner-module {
-  padding: 8px 12px 0 12px;
+  padding: 8px 12px 12px;
 }
 
 .share-subtitle-container {