fix: 样式修改

src/views/Home/AboutPage.vue

@@ -273,12 +273,16 @@ export default {
 
 
 @media screen and (max-width: 1000px) {
 @media screen and (max-width: 1000px) {
   .about-joshine {
   .about-joshine {
-    font-size: 30px;
+    font-size: 18px;
     white-space: nowrap;
     white-space: nowrap;
   }
   }
 
 
   .joshine-history {
   .joshine-history {
     max-height: unset;
     max-height: unset;
+
+    .progress {
+      font-size: 20px;
+    }
   }
   }
 
 
   .singleHistory {
   .singleHistory {
@@ -291,6 +295,10 @@ export default {
     }
     }
   }
   }
 
 
+  .joshine-achivement-title {
+    font-size: 20px;
+  }
+
   .slides-switcher {
   .slides-switcher {
     width: 30px;
     width: 30px;
     height: 30px;
     height: 30px;

src/views/Home/ColorfulPage.vue

@@ -353,6 +353,11 @@ export default {
 }
 }
 
 
 @media screen and (max-width: 1000px) {
 @media screen and (max-width: 1000px) {
+  .main-image .main-image-text {
+    font-size: 18px;
+    white-space: nowrap;
+  }
+
   .articles-area {
   .articles-area {
     width: 90%;
     width: 90%;
     flex-direction: column;
     flex-direction: column;

src/views/Home/ContactPage.vue

@@ -21,7 +21,9 @@
           </div>
           </div>
           <div class="location-prop">
           <div class="location-prop">
             <div class="label">电话</div>
             <div class="label">电话</div>
-            <div class="value">{{ location.tel }}</div>
+            <a class="value" :href="`tel:${location.tel}`">{{
+              location.tel
+            }}</a>
           </div>
           </div>
 
 
           <a
           <a
@@ -177,6 +179,8 @@ export default {
 
 
   .value {
   .value {
     margin-bottom: 20px;
     margin-bottom: 20px;
+    text-decoration: none;
+    color: inherit;
   }
   }
 
 
   &:not(:last-child) {
   &:not(:last-child) {
@@ -194,6 +198,14 @@ export default {
 }
 }
 
 
 @media screen and (max-width: 1000px) {
 @media screen and (max-width: 1000px) {
+  .heading {
+    height: 100px;
+  }
+
+  .page-title {
+    font-size: 20px;
+  }
+
   .select-tip {
   .select-tip {
     padding-right: 0;
     padding-right: 0;
     justify-content: center;
     justify-content: center;

src/views/Home/CulturePage.vue

@@ -21,7 +21,8 @@
           <div class="content-text hover-hl-content">
           <div class="content-text hover-hl-content">
             <div class="idea">管理理念</div>
             <div class="idea">管理理念</div>
             <div class="idea-des">
             <div class="idea-des">
-              决策正确、选贤育人、崇尚行动<br />保持创新、协同互助、达成目标
+              <div>决策正确、选贤育人、崇尚行动</div>
+              <div>保持创新、协同互助、达成目标</div>
             </div>
             </div>
           </div>
           </div>
           <img src="~@/assets/culture/03.jpg" />
           <img src="~@/assets/culture/03.jpg" />
@@ -203,14 +204,14 @@ export default {
 }
 }
 
 
 .value-pic:hover .value-pic-content {
 .value-pic:hover .value-pic-content {
-  top: 6.3vw;
+  top: 9vw;
   opacity: 1;
   opacity: 1;
 }
 }
 
 
 .value-pic-content {
 .value-pic-content {
   position: absolute;
   position: absolute;
   text-align: center;
   text-align: center;
-  top: 6.8vw;
+  top: 10vw;
   opacity: 0;
   opacity: 0;
   padding: 0 2.1vw;
   padding: 0 2.1vw;
   font-size: 0.8vw;
   font-size: 0.8vw;
@@ -243,10 +244,14 @@ export default {
 
 
   .manage-idea .manage-text,
   .manage-idea .manage-text,
   .idea-content .content-text {
   .idea-content .content-text {
-    font-size: 20px;
+    font-size: 18px;
 
 
     .idea-des {
     .idea-des {
-      font-size: inherit;
+      font-size: 14px;
+
+      & > div {
+        white-space: nowrap;
+      }
     }
     }
 
 
     .idea::after {
     .idea::after {
@@ -256,25 +261,35 @@ export default {
     }
     }
   }
   }
 
 
+  .joshine-value {
+    padding-top: 30px;
+    padding-bottom: 40px;
+  }
+
   .value-content {
   .value-content {
     grid-template-columns: repeat(1, 1fr);
     grid-template-columns: repeat(1, 1fr);
   }
   }
 
 
+  .value-title {
+    font-size: 20px;
+  }
+
   .value-title:after {
   .value-title:after {
-    width: 5.8vw !important;
-    bottom: -2px !important;
+    width: 2em !important;
+    height: 2px;
+    bottom: -4px !important;
   }
   }
 
 
   .value-pic-title {
   .value-pic-title {
     top: 7.8vw !important;
     top: 7.8vw !important;
-    font-size: 16px !important;
+    font-size: 14px !important;
   }
   }
 
 
   .value-pic-content {
   .value-pic-content {
     top: 13.8vw !important;
     top: 13.8vw !important;
     line-height: 4.8vw;
     line-height: 4.8vw;
     opacity: 1 !important;
     opacity: 1 !important;
-    font-size: 14px !important;
+    font-size: 12px !important;
   }
   }
 }
 }
 </style>
 </style>

vue.config.js

 const { defineConfig } = require('@vue/cli-service')
 const { defineConfig } = require('@vue/cli-service')
 module.exports = defineConfig({
 module.exports = defineConfig({
   transpileDependencies: true,
   transpileDependencies: true,
+  productionSourceMap: false,
 })
 })