关于我们scale

src/components/AboutUs.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="about_us_card_container">
     <HeadLine themeTitle="关于" title="我们" line1="ABOUT US" />
-    <div class="tag">专业从事研发13年</div>
+    <div class="tag"><span class="fontscale">专业从事研发13年</span></div>
     <article class="article">
       产品梦工厂作为一家资深的研发公司，主导了大量产品从需求→产品定义→策划→外
       观→结构→硬件→嵌软→软件→全功能样机→模具→批量→灰度测试→产能爬坡全流
@@ -30,19 +30,24 @@ import HeadLine from 'cpns/HeadLine'
     display: flex;
     align-items: center;
     justify-content: center;
-    font-size: 7px;
     font-family: Source Han Sans CN;
     font-weight: 400;
     color: #ffffff;
-    padding: 5px 11px;
-    margin-bottom: 23px;
+    .fontscale {
+      font-size: 14px;
+      transform: scale(0.5);
+      white-space: nowrap;
+    }
   }
   .article {
-    font-size: 7px;
     font-family: Source Han Sans CN;
     font-weight: 300;
     color: #595959;
     line-height: 20px;
+    font-size: 14px;
+    transform: scale(0.5);
+    width: 200%;
+    max-height: 66px;
   }
 }
 </style>

src/components/Awards.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="awards_container">
-    <HeadLine themeTitle="奖项" title="荣获" line1="AWARDED" />
+    <HeadLine themeTitle="奖项" title="荣获" :flip="true" line1="AWARDED" />
     <div class="award_cards">
       <div class="card">
         <div class="icon"></div>

src/components/Cooperation.vue

@@ -3,6 +3,7 @@
     <HeadLine
       themeTitle="客户"
       title="合作"
+      :flip="true"
       line1="医疗企业  互联网公司  智能硬件公司  科研院所  工业自动化企业"
     />
     <div class="client_wrap">
@@ -43,7 +44,7 @@ import HeadLine from 'cpns/HeadLine'
     .card {
       flex: 1;
       height: 94px;
-      background: #f3f3f3;
+      background: #fcfcfd;
     }
   }
 }

src/components/HeadLine.vue

@@ -1,8 +1,9 @@
 <template>
   <div class="headline_container">
     <h2 class="title_h2">
-      <span class="theme">{{ themeTitle }}</span
-      >{{ title }}
+      {{ flip ? title : '' }}
+      <span class="theme">{{ themeTitle }}</span>
+      {{ !flip ? title : '' }}
     </h2>
     <div class="scale">
       <p class="line1" v-if="line1">{{ line1 }}</p>
@@ -17,6 +18,10 @@ const props = defineProps({
     type: String,
     default: '',
   },
+  flip: {
+    type: Boolean,
+    default: false,
+  },
   title: {
     type: String,
   },

src/components/OneStop.vue

@@ -13,7 +13,7 @@
         <div class="img"></div>
         <div class="btn_wrap">
           <p>工业设计</p>
-          <div class="btn">查看详情</div>
+          <div class="btn"><span class="fontscale">查看详情</span></div>
         </div>
       </div>
       <div class="card"></div>
@@ -64,14 +64,19 @@ import HeadLine from 'cpns/HeadLine'
         .btn {
           background: #f94622;
           border-radius: 8px;
-          padding: 5px 9px;
+          width: 49px;
+          height: 17px;
           display: flex;
           align-items: center;
           justify-content: center;
-          font-size: 7px;
           font-family: Source Han Sans CN;
           font-weight: 400;
           color: #ffffff;
+          .fontscale {
+            font-size: 14px;
+            transform: scale(0.5);
+            white-space: nowrap;
+          }
         }
       }
     }

src/components/Track.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <HeadLine themeTitle="赛道" title="九大" line1="TRACK" />
+    <HeadLine themeTitle="赛道" title="九大" line1="TRACK" :flip="true" />
     <div class="track_container">
       <div class="card">
         <div class="icon"></div>