Merge pull request 'feat: 头部数据样式修改' (#123) from feature/data_header into test

Reviewed-on: #123

src/components/DataHeader/index.vue

@@ -1,13 +1,13 @@
 <template>
   <div class="header_wrap">
     <div v-for="(item, index) in data" :key="index" class="header_item">
-      <SvgIcon :name="item.link" />
+      <SvgIcon :name="item.link"/>
       <div class="data_wrap">
         <div class="data_title" :style="hasColor?`color:${item.color || ''}`:''">{{ item.count }}</div>
         <div class="data_content">{{ item.title }}</div>
       </div>
     </div>
-    <SvgIcon size="14px" style="cursor: pointer" name="setting"></SvgIcon>
+    <SvgIcon size="14px" style="cursor: pointer" name="setting" class="settingSvg"></SvgIcon>
   </div>
 </template>
 
@@ -77,7 +77,7 @@ const data = [
   flex-flow: row nowrap;
   align-items: center;
   justify-content: space-between;
-  padding: 1rem 3.125rem;
+  padding: 1rem 1rem 1rem 3.125rem;
   background: #fff;
   margin-bottom: 1rem;
 
@@ -93,9 +93,9 @@ const data = [
     }
     .data_wrap {
       .data_title {
-        font-size: 1.25rem;
+        font-size: 1.125rem;
         font-family: HarmonyOS Sans SC, HarmonyOS Sans SC-Bold;
-        font-weight: Bold;
+        font-weight: 900;
         text-align: left;
         color: #202020;
         line-height: 1.4375rem;
@@ -104,9 +104,9 @@ const data = [
       }
       .data_content {
         opacity: 0.6;
-        font-size: .875rem;
+        font-size: .75rem;
         font-family: PingFang SC, PingFang SC-Regular;
-        font-weight: Regular;
+        font-weight: 500;
         text-align: center;
         color: #202020;
         line-height: 1rem;
@@ -116,4 +116,8 @@ const data = [
     }
   }
 }
+.settingSvg{
+  width: 1rem !important;
+  height: 1rem !important;
+}
 </style>