调整样式

src/views/Register.vue

@@ -176,7 +176,7 @@
         <el-tabs v-model="activeTab" @tab-change="handleTabChange">
           <el-tab-pane name="agreement">
             <template #label>
-              <span>用户协议</span>
+              <span class="tab-label">用户协议</span>
               <el-icon v-if="agreementViewed" class="check-icon"><Check /></el-icon>
             </template>
              <div class="agreement-text-content" ref="agreementContent">
@@ -190,7 +190,7 @@
           </el-tab-pane>
           <el-tab-pane name="privacy">
             <template #label>
-              <span>隐私政策</span>
+              <span class="tab-label">隐私政策</span>
               <el-icon v-if="privacyViewed" class="check-icon"><Check /></el-icon>
             </template>
              <div class="privacy-text-content" ref="privacyContent">
@@ -944,6 +944,23 @@ onMounted(() => {
   height: 100%;
 }
 
+:deep(.agreement-dialog .el-tabs__nav) {
+  display: flex;
+  width: 100%;
+}
+
+:deep(.agreement-dialog .el-tabs__item) {
+  flex: 1;
+  text-align: center;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.tab-label {
+  margin-right: 4px;
+}
+
 .agreement-text-content,
 .privacy-text-content {
   max-height: 400px;