From 18fd7fe59f48b1d5314364184ce3a70542e48cba Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Fri, 22 Dec 2023 22:43:18 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E8=B0=83=E6=95=B4=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=EF=BC=8C=E6=9B=B4=E5=8A=A0=E7=B4=A7=E5=87=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/tw-character.vue | 43 ++++++++++++++++++--------------------
 1 file changed, 20 insertions(+), 23 deletions(-)

diff --git a/src/views/tw-character.vue b/src/views/tw-character.vue
index ea835194..7f66c293 100644
--- a/src/views/tw-character.vue
+++ b/src/views/tw-character.vue
@@ -9,34 +9,34 @@
           <span>{{ data.name }} {{ data.title }}</span>
           <span>{{ data.description }}</span>
         </div>
-        <div class="twc-bi-grid">
-          <div class="twc-bim-item">
+        <div class="twc-bi-grid1">
+          <div class="twc-big-item">
             <span>所属</span>
             <span>{{ data.brief.camp }}</span>
           </div>
-          <div class="twc-bim-item">
+          <div class="twc-big-item">
             <span>命之座</span>
             <span>{{ data.brief.constellation }}</span>
           </div>
-          <div class="twc-bim-item">
+          <div class="twc-big-item">
             <span>生日</span>
             <span>{{ data.brief.birth }}</span>
           </div>
         </div>
-        <div class="twc-bi-grid">
-          <div class="twc-bib-item">
+        <div class="twc-bi-grid2">
+          <div class="twc-big-item">
             <span>汉语CV</span>
             <span>{{ data.brief.cv.cn }}</span>
           </div>
-          <div class="twc-bib-item">
+          <div class="twc-big-item">
             <span>日语CV</span>
             <span>{{ data.brief.cv.jp }}</span>
           </div>
-          <div class="twc-bib-item">
+          <div class="twc-big-item">
             <span>英语CV</span>
             <span>{{ data.brief.cv.en }}</span>
           </div>
-          <div class="twc-bib-item">
+          <div class="twc-big-item">
             <span>韩语CV</span>
             <span>{{ data.brief.cv.kr }}</span>
           </div>
@@ -173,7 +173,7 @@ onMounted(async () => {
 
 .twc-brief {
   display: flex;
-  align-items: flex-end;
+  align-items: flex-start;
   column-gap: 10px;
 }
 
@@ -201,27 +201,24 @@ onMounted(async () => {
   opacity: 0.8;
 }
 
-.twc-bi-grid {
+.twc-bi-grid1 {
   display: grid;
   column-gap: 10px;
-  grid-template-columns: repeat(4, 1fr);
+  grid-template-columns: repeat(3, 1fr);
 }
 
-.twc-bim-item {
+.twc-bi-grid2 {
+  display: grid;
+  column-gap: 10px;
+  grid-template-columns: repeat(2, 1fr);
+}
+
+.twc-big-item {
   display: flex;
   column-gap: 5px;
 }
 
-.twc-bim-item :nth-child(1) {
-  font-weight: bold;
-}
-
-.twc-bib-item {
-  display: flex;
-  flex-direction: column;
-}
-
-.twc-bib-item :nth-child(1) {
+.twc-big-item :nth-child(1) {
   font-weight: bold;
 }