字体优化 缩小框框优化

src/pages/txwx.index.vue

@@ -93,11 +93,11 @@ function go(name: string) {
         class="border border-hex-0A337E bg-block px-27px py-44px gap-x-33px gap-y-37px h-full grid grid-rows-3 grid-cols-2"
         style="width:40%;">
         <div v-for="({ title, num, unit }) in b1data" :key="title"
-          class="b1-item flex justify-center space-y-3 items-center flex-col">
-          <div class="text-30px font-bold text-hex-6ff">
-            {{ num }}<span class="text-20px">{{ unit }}</span>
+          class="b1-item w-full flex justify-center space-y-3 items-center flex-col">
+          <div class="text-3xl font-bold text-hex-6ff">
+            {{ num }}<span class="text-2xl">{{ unit }}</span>
           </div>
-          <div class="text-18px font-bold opacity-80">
+          <div class="text-base font-bold opacity-80">
             {{ title }}
           </div>
         </div>
@@ -238,7 +238,7 @@ function go(name: string) {
 }
 
 .b1-item {
-  width: 180px;
+  /* width: 180px; */
   height: 114px;
   background: linear-gradient(90deg, rgba(0, 224, 219, 0.40) 3%, rgba(79, 248, 247, 0.09) 25%, rgba(102, 255, 255, 0.00) 52%, rgba(78, 248, 247, 0.10) 75%, rgba(0, 224, 219, 0.42));
   border: 1px solid;