diff --git a/README.md b/README.md
index 3a439fa..b493358 100644
--- a/README.md
+++ b/README.md
@@ -6,7 +6,7 @@
     </p>
     <p align="center">
         <a href="https://goframe.org/pages/viewpage.action?pageId=1114119" target="_blank">
-	        <img src="https://img.shields.io/badge/goframe-2.3-green" alt="goframe">
+	        <img src="https://img.shields.io/badge/goframe-2.4-green" alt="goframe">
 	    </a>
 	    <a href="https://v3.vuejs.org/" target="_blank">
 	        <img src="https://img.shields.io/badge/vue.js-vue3.x-green" alt="vue">
diff --git a/web/src/views/login/register/agreement.vue b/web/src/views/login/register/agreement.vue
index 069e858..840c7b1 100644
--- a/web/src/views/login/register/agreement.vue
+++ b/web/src/views/login/register/agreement.vue
@@ -1,8 +1,12 @@
 <template>
   <div>
-    <n-checkbox v-model:checked="checked" class="text-14px">我已阅读并接受</n-checkbox>
-    <n-button :text="true" type="primary" @click="handleClickProtocol">《用户协议》</n-button>
-    <n-button :text="true" type="primary" @click="handleClickPolicy">《隐私权政策》</n-button>
+    <n-checkbox v-model:checked="checked" class="text-12px">我已阅读并接受</n-checkbox>
+    <n-button text type="primary" @click="handleClickProtocol" class="text-12px">
+      《用户协议》
+    </n-button>
+    <n-button text type="primary" @click="handleClickPolicy" class="text-12px">
+      《隐私权政策》
+    </n-button>
   </div>
 </template>
 
@@ -44,7 +48,7 @@
 </script>
 
 <style scoped>
-  .text-14px {
-    font-size: 14px;
+  .text-12px {
+    font-size: 12px;
   }
 </style>
diff --git a/web/src/views/login/register/index.vue b/web/src/views/login/register/index.vue
index cde5fa6..eab868a 100644
--- a/web/src/views/login/register/index.vue
+++ b/web/src/views/login/register/index.vue
@@ -118,13 +118,16 @@
     :mask-closable="false"
     preset="dialog"
     :closable="false"
-    :title="modalTitle"
     :style="{
       width: dialogWidth,
       position: 'top',
       bottom: '15vw',
     }"
   >
+    <n-space justify="center">
+      <div class="agree-title">《{{ agreeTitle }}》</div>
+    </n-space>
+
     <div v-html="modalContent"></div>
 
     <n-divider />
@@ -168,7 +171,7 @@
   const userStore = useUserStore();
   const loading = ref(false);
   const showModal = ref(false);
-  const modalTitle = ref('');
+  const agreeTitle = ref('');
   const modalContent = ref('');
   const { sendLabel, isCounting, loading: sendLoading, activateSend } = useSendCode();
   const agreement = ref(false);
@@ -260,13 +263,13 @@
 
   function handleClickProtocol() {
     showModal.value = true;
-    modalTitle.value = '用户协议';
+    agreeTitle.value = '用户协议';
     modalContent.value = userStore.loginConfig?.loginProtocol as string;
   }
 
   function handleClickPolicy() {
     showModal.value = true;
-    modalTitle.value = '隐私权政策';
+    agreeTitle.value = '隐私权政策';
     modalContent.value = userStore.loginConfig?.loginPolicy as string;
   }
 
@@ -276,4 +279,9 @@
   }
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+  .agree-title {
+    font-size: 18px;
+    margin-bottom: 22px;
+  }
+</style>