样式优化

src/pages/txwx.index.vue

@@ -59,12 +59,10 @@ function go(name: string) {
   <div class="flex flex-col justify-between space-y-4">
     <div class="h-520px flex justify-between">
       <div
-        class="border border-hex-0A337E bg-block px-27px py-44px gap-x-33px gap-y-37px w-450px h-full grid grid-rows-3 grid-cols-2"
-      >
-        <div
-          v-for="({ title, num, unit }) in b1data" :key="title"
-          class="b1-item flex justify-center space-y-3 items-center flex-col"
-        >
+        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>
           </div>
@@ -108,7 +106,7 @@ function go(name: string) {
     </div>
 
     <div class="h-430px flex justify-between">
-      <div class="border border-hex-0A337E bg-block p-3 w-630px h-full">
+      <div class="border border-hex-0A337E bg-block p-3 h-full" style="width:33%;">
         <div class="flex">
           <div>
             <div>课程浏览点赞统计</div>
@@ -125,7 +123,7 @@ function go(name: string) {
           <bar />
         </div>
       </div>
-      <div class="border border-hex-0A337E bg-block p-3 w-630px h-full">
+      <div class="border border-hex-0A337E bg-block p-3 h-full" style="width:33%;">
         <div>用户登录趋势</div>
         <div class="mt-2 mb-4">
           <img class="h-7px" :src="under">
@@ -134,7 +132,7 @@ function go(name: string) {
           <lines />
         </div>
       </div>
-      <div class="w-560px h-full flex flex-col justify-between">
+      <div class=" h-full flex flex-col justify-between" style="width:33%;">
         <div class="border border-hex-0A337E bg-block p-3 w-full h-207px">
           <div>教师积分排名</div>
           <div class="mt-2 mb-4">
@@ -155,7 +153,8 @@ function go(name: string) {
           </div>
 
           <div>
-            <div v-for="(row, i) in b8data" :key="i" class="flex items-center h-42px justify-start text-14px px-18px text-20px">
+            <div v-for="(row, i) in b8data" :key="i"
+              class="flex items-center h-42px justify-start text-14px px-18px text-20px">
               <img :src="stu" alt="" class="h-20px mr-4">
               <div class="w-100px tracking-1px">
                 {{ row[0] }}