update

src/App.vue

@@ -20,5 +20,6 @@ p {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  font-family: 'PingFangSC-Regular';
 }
 </style>

src/assets/base.css

@@ -64,7 +64,7 @@ body {
     color 0.5s,
     background-color 0.5s;
   line-height: 1.6;
-  font-family:
+  /* font-family:
     Inter,
     -apple-system,
     BlinkMacSystemFont,
@@ -76,7 +76,7 @@ body {
     'Fira Sans',
     'Droid Sans',
     'Helvetica Neue',
-    sans-serif;
+    sans-serif; */
   font-size: 15px;
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;

src/assets/font.css

@@ -0,0 +1,12 @@
+@font-face {
+  font-family: 'PingFangSC-Regular';
+  src: url('./PingFangSC-Regular.woff') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+body {
+  font-family: 'PingFangSC-Regular', sans-serif !important;
+}
+:root {
+  font-family: 'PingFangSC-Regular', sans-serif !important;
+}

src/components/windows/dividerIndex.vue

@@ -50,7 +50,7 @@ const info = defineModel('info', {
 
             .title {
                   color: rgb(25, 25, 26);
-                  font-family: '黑体';
+                  // font-family: '黑体';
                   font-size: 32px;
                   font-weight: 500;
                   line-height: 46px;

src/components/windows/footIndex.vue

@@ -53,7 +53,7 @@
 
       .left {
         color: rgb(25, 25, 26);
-        font-family: '黑体';
+        // font-family: '黑体';
         font-size: 32px;
         font-weight: 500;
         line-height: 46px;
@@ -75,7 +75,7 @@
           display: inline-block;
           margin: 0 10px;
           color: rgb(25, 25, 26);
-          font-family: '黑体';
+          // font-family: '黑体';
           font-size: 24px;
           font-weight: 500;
           line-height: 35px;
@@ -91,7 +91,7 @@
         margin: 0 0 10px 0;
 
         color: rgb(25, 25, 26);
-        font-family: '黑体';
+        // font-family: '黑体';
         font-size: 24px;
         font-weight: 400;
         line-height: 35px;
@@ -99,7 +99,7 @@
 
         .el-link {
           color: rgb(25, 25, 26);
-          font-family: '黑体';
+          // font-family: '黑体';
           font-size: 24px;
           font-weight: 500;
           line-height: 35px;

src/main.ts

@@ -1,6 +1,6 @@
 import { createApp } from 'vue'
 import { createPinia } from 'pinia'
-
+import './assets/font.css'
 import App from './App.vue'
 import router from './router'
 

src/views/win/introduceParts/briefIndex.vue

@@ -50,7 +50,7 @@ const init = async () => {
 
     .title {
       color: rgb(25, 25, 26);
-      font-family: '黑体';
+      // font-family: '黑体';
       font-size: 32px;
       font-weight: 700;
       line-height: 46px;
@@ -61,7 +61,7 @@ const init = async () => {
 
     .info1 {
       color: rgb(25, 25, 26);
-      font-family: '黑体';
+      // font-family: '黑体';
       font-size: 16px;
       font-weight: 400;
       line-height: 32px;

src/views/win/introduceParts/combriefIndex.vue

@@ -134,7 +134,7 @@ const toOpen = () => {
 
           span {
             color: rgb(25, 25, 26);
-            font-family: '黑体';
+            // font-family: '黑体';
             font-size: 18px;
             font-weight: 500;
             line-height: 26px;
@@ -158,7 +158,7 @@ const toOpen = () => {
 
         .title {
           color: rgb(25, 25, 26);
-          font-family: '黑体';
+          // font-family: '黑体';
           font-size: 28px;
           font-weight: 700;
           line-height: 41px;
@@ -181,7 +181,7 @@ const toOpen = () => {
           /* 标准的 line-clamp 属性 */
           line-clamp: 12;
           color: rgb(102, 102, 102);
-          font-family: '黑体';
+          // font-family: '黑体';
           font-size: 20px;
           font-weight: 400;
           line-height: 32px;

src/views/win/introduceParts/companyIndex.vue

@@ -79,7 +79,7 @@ onMounted(() => {
       .list {
         text-align: center;
         color: rgb(102, 102, 102);
-        font-family: '黑体';
+        // font-family: '黑体';
         font-size: 18px;
         font-weight: 500;
         line-height: 26px;
@@ -102,7 +102,7 @@ onMounted(() => {
     .mess {
       .title {
         color: rgb(25, 25, 26);
-        font-family: '黑体';
+        // font-family: '黑体';
         font-size: 32px;
         font-weight: 500;
         line-height: 46px;
@@ -126,7 +126,7 @@ onMounted(() => {
         /* 标准的 line-clamp 属性 */
         line-clamp: 2;
         color: rgb(25, 25, 26);
-        font-family: '黑体';
+        // font-family: '黑体';
         font-size: 20px;
         font-weight: 400;
         line-height: 40px;

src/views/win/introduceParts/fengmaoIndex.vue

@@ -82,7 +82,7 @@ const toOpen = (path: string) => {
         text-align: center;
 
         color: rgb(25, 25, 26);
-        font-family: '黑体';
+        // font-family: '黑体';
         font-size: 18px;
         font-weight: 500;
         line-height: 29px;

src/views/win/introduceParts/gsjsDetail.vue

@@ -109,7 +109,7 @@ onMounted(() => {
       .tabList {
         text-align: center;
         color: rgb(102, 102, 102);
-        font-family: '黑体';
+        // font-family: '黑体';
         font-size: 18px;
         font-weight: 500;
         line-height: 26px;
@@ -132,7 +132,7 @@ onMounted(() => {
     .infoList {
       .title {
         color: rgb(25, 25, 26);
-        font-family: '黑体';
+        // font-family: '黑体';
         font-size: 32px;
         font-weight: 500;
         line-height: 46px;

src/views/win/introduceParts/scfmDetail.vue

@@ -105,7 +105,7 @@ onMounted(() => {
       .tabList {
         text-align: center;
         color: rgb(102, 102, 102);
-        font-family: '黑体';
+        // font-family: '黑体';
         font-size: 18px;
         font-weight: 500;
         line-height: 26px;
@@ -128,7 +128,7 @@ onMounted(() => {
     .infoList {
       .title {
         color: rgb(25, 25, 26);
-        font-family: '黑体';
+        // font-family: '黑体';
         font-size: 32px;
         font-weight: 500;
         line-height: 46px;

src/views/win/introduceParts/settingIndex.vue

@@ -105,7 +105,7 @@ const list1 = ref([
                               display: flex;
                               align-items: center;
                               color: rgb(25, 25, 26);
-                              font-family: '黑体';
+                              // font-family: '黑体';
                               font-size: 20px;
                               font-weight: 500;
                               line-height: 29px;
@@ -128,7 +128,7 @@ const list1 = ref([
 
                         .brief {
                               color: rgb(102, 102, 102);
-                              font-family: '黑体';
+                              // font-family: '黑体';
                               font-size: 18px;
                               font-weight: 400;
                               line-height: 32px;

src/views/win/inwaterParts/addressIndex.vue

@@ -371,7 +371,7 @@ onUnmounted(() => {
 
           .title {
             color: rgb(102, 102, 102);
-            font-family: '黑体';
+            // font-family: '黑体';
             font-size: 18px;
             font-weight: 500;
             line-height: 26px;
@@ -420,7 +420,7 @@ onUnmounted(() => {
 
           .title {
             color: rgb(25, 25, 26);
-            font-family: '黑体';
+            // font-family: '黑体';
             font-size: 16px;
             font-weight: 500;
             line-height: 23px;
@@ -438,7 +438,7 @@ onUnmounted(() => {
               align-items: center;
               justify-content: center;
               color: rgb(25, 25, 26);
-              font-family: '黑体';
+              // font-family: '黑体';
               font-size: 16px;
               font-weight: 400;
               line-height: 23px;
@@ -453,7 +453,7 @@ onUnmounted(() => {
               align-items: center;
               justify-content: center;
               color: rgb(25, 25, 26);
-              font-family: '黑体';
+              // font-family: '黑体';
               font-size: 16px;
               font-weight: 400;
               line-height: 23px;

src/views/win/inwaterParts/detail.vue

@@ -115,7 +115,7 @@ onMounted(() => {
       .tabList {
         text-align: center;
         color: rgb(102, 102, 102);
-        font-family: '黑体';
+        // font-family: '黑体';
         font-size: 18px;
         font-weight: 500;
         line-height: 26px;
@@ -143,7 +143,7 @@ onMounted(() => {
 
         .title {
           color: rgb(25, 25, 26);
-          font-family: '黑体';
+          // font-family: '黑体';
           font-size: 24px;
           font-weight: 500;
           line-height: 35px;
@@ -153,7 +153,7 @@ onMounted(() => {
 
         .date {
           color: rgb(25, 25, 26);
-          font-family: '黑体';
+          // font-family: '黑体';
           font-size: 24px;
           font-weight: 500;
           line-height: 32px;

src/views/win/inwaterParts/honorIndex.vue

@@ -148,7 +148,7 @@ const toOpen = (data: any) => {
             width: 100%;
             text-align: center;
             color: rgb(255, 255, 255);
-            font-family: '黑体';
+            // font-family: '黑体';
             font-size: 24px;
             font-weight: 700;
             line-height: 32px;
@@ -184,7 +184,7 @@ const toOpen = (data: any) => {
             width: 100%;
             text-align: center;
             color: rgb(255, 255, 255);
-            font-family: '黑体';
+            // font-family: '黑体';
             font-size: 24px;
             font-weight: 700;
             line-height: 32px;

src/views/win/messParts/commessIndex.vue

@@ -105,7 +105,7 @@ const toOpen = (path: string) => {
         padding: 5px 0;
         text-align: center;
         color: rgb(25, 25, 26);
-        font-family: '黑体';
+        // font-family: '黑体';
         font-size: 18px;
         font-weight: 500;
         line-height: 29px;

src/views/win/messParts/detail.vue

@@ -63,7 +63,7 @@ const getProp = (data: object, path: string) => {
     .infoList {
       .title {
         color: rgb(25, 25, 26);
-        font-family: '黑体';
+        // font-family: '黑体';
         font-size: 32px;
         font-weight: 500;
         line-height: 46px;

src/views/win/messParts/detail/list.vue

@@ -92,7 +92,7 @@ const toDetail = (data: any) => {
         display: flex;
         .title {
           color: rgb(25, 25, 26);
-          font-family: '黑体';
+          // font-family: '黑体';
           font-size: 24px;
           font-weight: 500;
           line-height: 35px;
@@ -102,7 +102,7 @@ const toDetail = (data: any) => {
 
         .date {
           color: rgb(25, 25, 26);
-          font-family: '黑体';
+          // font-family: '黑体';
           font-size: 20px;
           font-weight: 500;
           line-height: 32px;
@@ -113,7 +113,7 @@ const toDetail = (data: any) => {
       .list_2 {
         margin: 20px 0 0 0;
         color: rgb(102, 102, 102);
-        font-family: '黑体';
+        // font-family: '黑体';
         font-size: 20px;
         font-weight: 400;
         line-height: 29px;

src/views/win/messParts/infoDetail.vue

@@ -121,7 +121,7 @@ onMounted(() => {
       .tabList {
         text-align: center;
         color: rgb(102, 102, 102);
-        font-family: '黑体';
+        // font-family: '黑体';
         font-size: 18px;
         font-weight: 500;
         line-height: 26px;
@@ -149,7 +149,7 @@ onMounted(() => {
 
         .title {
           color: rgb(25, 25, 26);
-          font-family: '黑体';
+          // font-family: '黑体';
           font-size: 24px;
           font-weight: 500;
           line-height: 35px;
@@ -159,7 +159,7 @@ onMounted(() => {
 
         .date {
           color: rgb(25, 25, 26);
-          font-family: '黑体';
+          // font-family: '黑体';
           font-size: 24px;
           font-weight: 500;
           line-height: 32px;

src/views/win/messParts/serviceDetail.vue

@@ -176,7 +176,7 @@ onMounted(() => {
         padding: 0 0 10px 0;
         text-align: center;
         color: rgb(102, 102, 102);
-        font-family: '黑体';
+        // font-family: '黑体';
         font-size: 18px;
         font-weight: 500;
         line-height: 26px;
@@ -204,7 +204,7 @@ onMounted(() => {
 
         .title {
           color: rgb(25, 25, 26);
-          font-family: '黑体';
+          // font-family: '黑体';
           font-size: 24px;
           font-weight: 500;
           line-height: 35px;
@@ -214,7 +214,7 @@ onMounted(() => {
 
         .date {
           color: rgb(25, 25, 26);
-          font-family: '黑体';
+          // font-family: '黑体';
           font-size: 24px;
           font-weight: 500;
           line-height: 32px;

src/views/win/messParts/serviceIndex.vue

@@ -110,7 +110,7 @@ const toOpen = (path: string) => {
 
       .title {
         color: rgb(25, 25, 26);
-        font-family: '黑体';
+        // font-family: '黑体';
         font-size: 24px;
         font-weight: 500;
         line-height: 35px;

src/views/win/messParts/waterDetail.vue

@@ -121,7 +121,7 @@ onMounted(() => {
       .tabList {
         text-align: center;
         color: rgb(102, 102, 102);
-        font-family: '黑体';
+        // font-family: '黑体';
         font-size: 18px;
         font-weight: 500;
         line-height: 26px;
@@ -149,7 +149,7 @@ onMounted(() => {
 
         .title {
           color: rgb(25, 25, 26);
-          font-family: '黑体';
+          // font-family: '黑体';
           font-size: 24px;
           font-weight: 500;
           line-height: 35px;
@@ -159,7 +159,7 @@ onMounted(() => {
 
         .date {
           color: rgb(25, 25, 26);
-          font-family: '黑体';
+          // font-family: '黑体';
           font-size: 24px;
           font-weight: 500;
           line-height: 32px;

src/views/win/newsParts/detail.vue

@@ -63,7 +63,7 @@ const getProp = (data: object, path: string) => {
     .infoList {
       .title {
         color: rgb(25, 25, 26);
-        font-family: '黑体';
+        // font-family: '黑体';
         font-size: 32px;
         font-weight: 500;
         line-height: 46px;

src/views/win/newsParts/listIndex.vue

@@ -173,7 +173,7 @@ onMounted(() => {
       .tabList {
         text-align: center;
         color: rgb(102, 102, 102);
-        font-family: '黑体';
+        // font-family: '黑体';
         font-size: 18px;
         font-weight: 500;
         line-height: 26px;
@@ -230,7 +230,7 @@ onMounted(() => {
 
           .title {
             color: rgb(25, 25, 26);
-            font-family: '黑体';
+            // font-family: '黑体';
             font-size: 24px;
             font-weight: 500;
             line-height: 35px;
@@ -240,7 +240,7 @@ onMounted(() => {
 
           .brief {
             color: rgb(102, 102, 102);
-            font-family: '黑体';
+            // font-family: '黑体';
             font-size: 18px;
             font-weight: 400;
             line-height: 32px;

src/views/win/popularwillParts/detail.vue

@@ -63,7 +63,7 @@ const getProp = (data: object, path: string) => {
     .infoList {
       .title {
         color: rgb(25, 25, 26);
-        font-family: '黑体';
+        // font-family: '黑体';
         font-size: 32px;
         font-weight: 500;
         line-height: 46px;

src/views/win/popularwillParts/formIndex.vue

@@ -225,7 +225,7 @@ const resetForm = () => {
 
         span:first-child {
           color: rgb(102, 102, 102);
-          font-family: '黑体';
+          // font-family: '黑体';
           font-size: 18px;
           font-weight: 500;
           line-height: 26px;

src/views/win/popularwillParts/respondIndex.vue

@@ -119,7 +119,7 @@ const toDetail = (data: object) => {
       .mess {
         .title {
           color: rgb(25, 25, 26);
-          font-family: '黑体';
+          // font-family: '黑体';
           font-size: 24px;
           font-weight: 500;
           line-height: 35px;
@@ -129,7 +129,7 @@ const toDetail = (data: object) => {
 
         .brief {
           color: rgb(102, 102, 102);
-          font-family: '黑体';
+          // font-family: '黑体';
           font-size: 18px;
           font-weight: 400;
           line-height: 32px;
@@ -150,7 +150,7 @@ const toDetail = (data: object) => {
             display: inline-block;
             margin: 0 10px 0 0;
 
-            font-family: '黑体';
+            // font-family: '黑体';
             font-size: 18px;
             font-weight: 400;
             line-height: 32px;

src/views/win/queryParts/detail.vue

@@ -63,7 +63,7 @@ const getProp = (data: object, path: string) => {
     .infoList {
       .title {
         color: rgb(25, 25, 26);
-        font-family: '黑体';
+        // font-family: '黑体';
         font-size: 32px;
         font-weight: 500;
         line-height: 46px;

src/views/win/queryParts/listIndex.vue

@@ -78,7 +78,7 @@ const toDetail = (data: any) => {
         display: flex;
         .title {
           color: rgb(25, 25, 26);
-          font-family: '黑体';
+          // font-family: '黑体';
           font-size: 24px;
           font-weight: 500;
           line-height: 35px;
@@ -88,7 +88,7 @@ const toDetail = (data: any) => {
 
         .date {
           color: rgb(25, 25, 26);
-          font-family: '黑体';
+          // font-family: '黑体';
           font-size: 20px;
           font-weight: 500;
           line-height: 32px;
@@ -99,7 +99,7 @@ const toDetail = (data: any) => {
       .list_2 {
         margin: 20px 0 0 0;
         color: rgb(102, 102, 102);
-        font-family: '黑体';
+        // font-family: '黑体';
         font-size: 20px;
         font-weight: 400;
         line-height: 29px;

src/views/win/watersupplyParts/detail.vue

@@ -63,7 +63,7 @@ const getProp = (data: object, path: string) => {
     .infoList {
       .title {
         color: rgb(25, 25, 26);
-        font-family: '黑体';
+        // font-family: '黑体';
         font-size: 32px;
         font-weight: 500;
         line-height: 46px;

src/views/win/watersupplyParts/listIndex.vue

@@ -191,7 +191,7 @@ const toDetail = (data: any) => {
       .tabList {
         text-align: center;
         color: rgb(102, 102, 102);
-        font-family: '黑体';
+        // font-family: '黑体';
         font-size: 18px;
         font-weight: 500;
         line-height: 26px;
@@ -219,7 +219,7 @@ const toDetail = (data: any) => {
 
         .title {
           color: rgb(25, 25, 26);
-          font-family: '黑体';
+          // font-family: '黑体';
           font-size: 24px;
           font-weight: 500;
           line-height: 35px;
@@ -229,7 +229,7 @@ const toDetail = (data: any) => {
 
         .date {
           color: rgb(25, 25, 26);
-          font-family: '黑体';
+          // font-family: '黑体';
           font-size: 24px;
           font-weight: 500;
           line-height: 32px;

src/views/win/watersupplyParts/payment.vue

@@ -54,17 +54,17 @@ const pay = ref('pay1.png')
     height: 8vh;
     line-height: 8vh;
     border-bottom: 1px solid rgb(21, 134, 255);
-    font-family: '黑体';
+    // font-family: '黑体';
     font-size: 18px;
     :deep(.el-link__inner) {
-      font-family: '黑体';
+      // font-family: '黑体';
       font-size: 18px;
       margin: 0 10px;
     }
   }
   .payment_3 {
     margin-top: 4vh;
-    font-family: '黑体';
+    // font-family: '黑体';
     font-size: 18px;
   }
 }

src/views/winParts/conductingBusiness.vue

@@ -91,7 +91,7 @@ const toOpen = (path: string) => {
         bottom: 30px;
         width: 100%;
         color: rgb(255, 255, 255);
-        font-family: '黑体';
+        // font-family: '黑体';
         font-size: 24px;
         font-weight: 500;
         line-height: 32px;

src/views/winParts/introduceIndex.vue

@@ -88,7 +88,7 @@ const toOpen = () => {
 
           span:first-child {
             color: rgb(25, 25, 26);
-            font-family: '黑体';
+            // font-family: '黑体';
             font-size: 32px;
             font-weight: 500;
             line-height: 46px;
@@ -143,7 +143,7 @@ const toOpen = () => {
         }
         p {
           color: rgb(25, 25, 26);
-          font-family: '黑体';
+          // font-family: '黑体';
           font-size: 16px;
           font-weight: 400;
           line-height: 32px;

src/views/winParts/newsIndex.vue

@@ -225,6 +225,7 @@ const toDetail = (data: any) => {
       background-color: #ffffff;
 
       .info {
+        font-family: 'PingFangSC-Regular';
         .list {
           display: flex;
           margin: 0 0 10px 0;
@@ -242,7 +243,7 @@ const toDetail = (data: any) => {
 
             .title {
               color: rgb(25, 25, 26);
-              font-family: '黑体';
+              // font-family: '黑体';
               font-size: 20px;
               font-weight: 500;
               line-height: 29px;
@@ -251,7 +252,7 @@ const toDetail = (data: any) => {
 
             .brief {
               color: rgb(102, 102, 102);
-              font-family: '黑体';
+              // font-family: '黑体';
               font-size: 20px;
               font-weight: 400;
               line-height: 29px;
@@ -282,7 +283,7 @@ const toDetail = (data: any) => {
               position: absolute;
               bottom: 0;
               color: rgb(153, 153, 153);
-              font-family: '黑体';
+              // font-family: '黑体';
               font-size: 16px;
               font-weight: 500;
               line-height: 23px;

src/views/winParts/notesIndex.vue

@@ -148,7 +148,7 @@ const toChange = (event: { id: string }) => {
 
           .titles {
             color: rgb(2, 68, 139);
-            font-family: '黑体';
+            // font-family: '黑体';
             font-size: 24px;
             font-weight: 500;
             line-height: 35px;
@@ -180,7 +180,7 @@ const toChange = (event: { id: string }) => {
         .title {
           .titles {
             color: rgb(255, 255, 255);
-            font-family: '黑体';
+            // font-family: '黑体';
             font-size: 24px;
             font-weight: 500;
             line-height: 35px;
@@ -198,7 +198,7 @@ const toChange = (event: { id: string }) => {
         .other {
           p {
             color: rgb(255, 255, 255);
-            font-family: '黑体';
+            // font-family: '黑体';
             font-size: 16px;
             font-weight: 500;
             line-height: 23px;

src/views/winParts/popularWill.vue

@@ -118,7 +118,7 @@ const list = ref([
 
                         .title {
                               color: rgb(25, 25, 26);
-                              font-family: '黑体';
+                              // font-family: '黑体';
                               font-size: 24px;
                               font-weight: 500;
                               line-height: 32px;
@@ -128,7 +128,7 @@ const list = ref([
 
                         .brief {
                               color: rgb(102, 102, 102);
-                              font-family: '黑体';
+                              // font-family: '黑体';
                               font-size: 18px;
                               font-weight: 400;
                               line-height: 30px;