字体设置修改

6 days ago · 58888faf48
19 changed files with 17 additions and 66 deletions
--- a/src/App.vue
+++ b/src/App.vue
@ -81,8 +81,7 @@ export default {
  flex-direction: column;
 }
 #app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  font-family: Microsoft YaHei UI;
+  font-family: var(--font-chinese);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
--- a/src/components/CustomDropdown.vue
+++ b/src/components/CustomDropdown.vue
@ -156,7 +156,6 @@ export default {
 .custom-select {
    height: 38px;
    position: relative;
-    font-family: Arial, sans-serif;
 }

 .select-trigger {
--- a/src/components/HoverButton.vue
+++ b/src/components/HoverButton.vue
@ -132,7 +132,6 @@ export default {

 <style scoped>
 .hover-button {
-  font-family: Microsoft YaHei UI;
  display: inline-flex;
  align-items: center;
  justify-content: center;
--- a/src/components/PageTitle.vue
+++ b/src/components/PageTitle.vue
@ -37,8 +37,6 @@ export default {
    box-sizing: border-box;

    b {
-        /* headline/haeadline_3_bold */
-        font-family: Microsoft YaHei UI;
        font-size: 18px;
        font-weight: bold;
        line-height: 24px;
--- a/src/components/SliderScondThree.vue
+++ b/src/components/SliderScondThree.vue
@ -345,7 +345,6 @@ export default {
    display: flex;
    justify-content: space-between;
    align-items: center;
-    font-family: Microsoft YaHei UI;
    gap: 8px;
    min-width: 0; /* 重要：防止flex容器溢出 */
 }
@ -378,7 +377,6 @@ export default {
    background: #BFDAFF;
    opacity: 1;
    white-space: nowrap; 
-    font-family: Microsoft YaHei;
    font-size: 12px;
    font-weight: normal;
    line-height: 13px;
--- a/src/components/preview/logoBack_color.vue
+++ b/src/components/preview/logoBack_color.vue
@ -129,7 +129,6 @@ export default {
                    margin-bottom: 20px;
                }
                button{
-                    font-family: Microsoft YaHei UI;
                    border-radius: 4px;
                    border: none;
                    padding: 7px 10px;
--- a/src/components/site/addSiteStep/step2.vue
+++ b/src/components/site/addSiteStep/step2.vue
@ -656,7 +656,6 @@ export default {
  }
 }
 .trigger_placeholder{
-    font-family: Microsoft YaHei UI;
    color: #8A9099;
    font-size: 14px;
    font-weight: normal;
--- a/src/components/super/DateSelect.vue
+++ b/src/components/super/DateSelect.vue
@ -182,7 +182,7 @@
  
  <style scoped>
  .date-picker {
-    font-family: Microsoft YaHei UI;
+    
    /* width: 300px; */
    /* border: 1px solid #ddd; */
    border-radius: 4px;
@ -262,7 +262,7 @@
  }
  
  .month-grid button, .year-grid button {
-    font-family: Microsoft YaHei UI;
+    
    padding: 8px;
    border: none;
    display: flex;
--- a/src/style/theme/common.scss
+++ b/src/style/theme/common.scss
@ -2,9 +2,13 @@ html {
    scroll-behavior: smooth;
    /* 使整个页面的滚动平滑 */
 }
-
+:root {
+    --font-chinese: "Microsoft YaHei", "Microsoft YaHei UI", -apple-system, 
+      BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", 
+      "Helvetica Neue", Helvetica, Arial, sans-serif;
+  }
 body {
-    font-family: Microsoft YaHei UI;
+    font-family: var(--font-chinese);
    font-size: 14px;
    margin: 0;
    width: 100vw;
@ -30,7 +34,6 @@ body {
 }

 .pageTitle {
-    font-family: Microsoft YaHei UI;
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
@ -41,7 +44,6 @@ body {
 }

 .littleTitle {
-    font-family: Microsoft YaHei UI;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
@ -354,7 +356,7 @@ body {

    .flex-left-desc {
        /* body/body 2_regular */
-        font-family: Microsoft YaHei UI;
+        
        font-size: 14px;
        font-weight: normal;
        line-height: normal;
@ -395,7 +397,7 @@ body {
    border-radius: 2px;
    width: 96px;
    height: 38px;
-    font-family: Microsoft YaHei UI;
+    
    font-size: 14px;
    letter-spacing: 0.08em;
    display: flex;
@ -601,7 +603,7 @@ body {
 .el-input {
    border-radius: 2px;
    border: 1px solid transparent;
-    font-family: Microsoft YaHei UI;
+    
 }

 .el-input:focus-within {
@ -650,7 +652,7 @@ body {
 .el-input__inner::placeholder {
    color: #BABDC2;
    letter-spacing: 0.08em;
-    font-family: Microsoft YaHei UI;
+    
 }

 .el-input--prefix .el-input__inner {
@ -685,7 +687,7 @@ body {
 // 应用在表格表头上的下拉开框 统一类名修改 字体效果
 .tableHeaderSelect ::v-deep .el-input__inner {
    font-weight: normal;
-    font-family: Microsoft YaHei UI;
+    
 }

 .el-select:hover .el-input__inner {
@ -713,7 +715,7 @@ body {
    padding: 10px 12px;
    border-radius: 2px;
    height: 100% !important;
-    font-family: Microsoft YaHei UI;
+    
 }

 .el-textarea__inner:hover {
@ -1194,7 +1196,7 @@ body {
    display: flex;
    justify-content: space-between;
    align-items: center;
-    font-family: Microsoft YaHei UI;
+    

    .left b {
        display: block;
--- a/src/views/ConfigureServicePrices.vue
+++ b/src/views/ConfigureServicePrices.vue
@ -322,14 +322,11 @@ export default {
        b {
            display: inline-block;
            margin-right: 32px;
-            /* body/body 1_bold */
-            font-family: Microsoft YaHei UI;
            font-size: 16px;
            font-weight: bold;
            line-height: normal;
            letter-spacing: 0.08em;
            font-variation-settings: "opsz" auto;
-            /* text/text_1 */
            color: #1E2226;
        }
    }
--- a/src/views/agent/checkOrderList.vue
+++ b/src/views/agent/checkOrderList.vue
@ -887,7 +887,6 @@ a:hover {
 }

 .fontgreen {
-    font-family: Microsoft YaHei UI;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
@ -903,7 +902,6 @@ a:hover {
 }

 .fontblue {
-    font-family: Microsoft YaHei UI;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
@ -919,7 +917,6 @@ a:hover {
 }

 .fontred {
-    font-family: Microsoft YaHei UI;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
@ -959,13 +956,10 @@ a:hover {
 }

 .checktitle {
-    /* body/body 2_bold */
-    font-family: Microsoft YaHei UI;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0.08em;
-    /* text/text_1 */
    color: #1E2226;
 }

--- a/src/views/agent/domainList.vue
+++ b/src/views/agent/domainList.vue
@ -370,9 +370,7 @@ export default {
 .page-container {
    padding: 32px 32px;
 }
-.tip-title { 
-  /* body/body 2_bold */
-  font-family: Microsoft YaHei UI;
+.tip-title {
  font-size: 14px;
  font-weight: bold;
  line-height: normal;
@ -420,7 +418,6 @@ export default {
 }

 .desc-text {
-  font-family: Microsoft YaHei UI;
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
@ -430,7 +427,6 @@ export default {
 }

 .expiretime {
-  font-family: Microsoft YaHei UI;
  font-size: 12px;
  font-weight: normal;
  line-height: 13px;
@ -529,13 +525,10 @@ a {
      margin-bottom: 32px;
      h3{
        margin: 0;
-        /* body/body 2_bold */
-        font-family: Microsoft YaHei UI;
        font-size: 14px;
        font-weight: bold;
        line-height: normal;
        letter-spacing: 0.08em;
-        /* text/text_1 */
        color: #1E2226;
      }

--- a/src/views/agent/home.vue
+++ b/src/views/agent/home.vue
@ -425,7 +425,6 @@ a {
 }

 .specMoney {
-  font-family: Microsoft YaHei UI;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
--- a/src/views/agent/supplyList.vue
+++ b/src/views/agent/supplyList.vue
@ -145,7 +145,6 @@ export default {
 }

 .classify-title {
-    font-family: Microsoft YaHei UI;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
@ -179,14 +178,11 @@ export default {
    z-index: 0;
 }
 .ver-title {
-    /* body/body 1_bold */
-    font-family: Microsoft YaHei UI;
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    text-align: justify; /* 浏览器可能不支持 */
    letter-spacing: 0.08em;
-    /* text/text_1 */
    color: #1E2226;
 }

@ -215,8 +211,6 @@ export default {
 }
 .anchor {
    text-decoration: none;
-    /* body/body 2_regular */
-    font-family: Microsoft YaHei UI;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
@ -227,8 +221,6 @@ export default {
 }

 .ver-desc {
-    /* body/body 2_regular */
-    font-family: Microsoft YaHei UI;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
@ -240,7 +232,6 @@ export default {
 }

 .ver-single {
-    font-family: Microsoft YaHei UI;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
@ -251,7 +242,6 @@ export default {
 }

 .ver-single-desc {
-    font-family: Microsoft YaHei UI;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
@ -290,8 +280,6 @@ export default {
 }

 .service-title {
-    /* body/body 2_regular */
-    font-family: Microsoft YaHei UI;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
@ -303,7 +291,6 @@ export default {
 }

 .service-desc {
-    font-family: Microsoft YaHei UI;
    font-size: 12px;
    font-weight: normal;
    line-height: 17px;
@ -334,7 +321,6 @@ export default {
    z-index: 1;
 }
 .price {
-    font-family: Microsoft YaHei UI;
    font-size: 20px;
    font-weight: normal;
    line-height: 20px;
@ -345,7 +331,6 @@ export default {
 }

 .unit {
-    font-family: Microsoft YaHei UI;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
@ -374,7 +359,6 @@ export default {
 }

 .fontgreen {
-    font-family: Microsoft YaHei UI;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
@ -390,7 +374,6 @@ export default {
 }

 .fontblue {
-    font-family: Microsoft YaHei UI;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
@ -406,7 +389,6 @@ export default {
 }

 .fontred {
-    font-family: Microsoft YaHei UI;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
--- a/src/views/super/Ranking/Purchase.vue
+++ b/src/views/super/Ranking/Purchase.vue
@ -399,7 +399,6 @@ export default {
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.08em;
-    font-family: Microsoft YaHei UI;
    color: #1E2226;
 }

--- a/src/views/super/Ranking/RankBatchList.vue
+++ b/src/views/super/Ranking/RankBatchList.vue
@ -637,7 +637,6 @@ export default {

  .pop-top {
    h3 {
-      font-family: Microsoft YaHei UI;
      font-size: 16px;
      font-weight: bold;
      line-height: 18px;
@ -698,7 +697,6 @@ export default {
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.08em;
-    font-family: Microsoft YaHei UI;
    color: #1E2226;
    height: 100%;
 }
--- a/src/views/super/Ranking/RankDetail.vue
+++ b/src/views/super/Ranking/RankDetail.vue
@ -536,7 +536,6 @@ export default {

  .pop-top {
    h3 {
-      font-family: Microsoft YaHei UI;
      font-size: 16px;
      font-weight: bold;
      line-height: 18px;
--- a/src/views/super/Ranking/RankList.vue
+++ b/src/views/super/Ranking/RankList.vue
@ -705,7 +705,6 @@ export default {

  .pop-top {
    h3 {
-      font-family: Microsoft YaHei UI;
      font-size: 16px;
      font-weight: bold;
      line-height: 18px;
@ -755,7 +754,6 @@ export default {
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.08em;
-  font-family: Microsoft YaHei UI;
  color: #1E2226;
  height: 100%;
 }
--- a/src/views/super/Ranking/Ranking.vue
+++ b/src/views/super/Ranking/Ranking.vue
@ -87,7 +87,6 @@ export default {

  .pop-top {
    h3 {
-      font-family: Microsoft YaHei UI;
      font-size: 16px;
      font-weight: bold;
      line-height: 18px;