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

Reviewed-on: #123

src/components/DataHeader/index.vue

@@ -7,7 +7,7 @@
         <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>