#1 大幅改进页面显示效果 (#1)

Reviewed-on: #1

src/views/auth/AuthConfirmView.vue

@@ -79,7 +79,7 @@ onUnmounted(() => {
             <div class="space-y-4">
               <p class="text-sm text-slate-500">{{ countdown }} 秒后自动跳转登录页面...</p>
               <RouterLink to="/login" class="no-underline">
-                <NButton type="primary">立即登录</NButton>
+                <NButton type="primary" class="oc-primary-button oc-primary-button--teal">立即登录</NButton>
               </RouterLink>
             </div>
           </template>
@@ -90,7 +90,7 @@ onUnmounted(() => {
         <NResult status="error" title="认证失败" description="邮箱确认链接无效或已过期，请重新注册。">
           <template #footer>
             <RouterLink to="/register" class="no-underline">
-              <NButton type="primary">重新注册</NButton>
+              <NButton type="primary" class="oc-primary-button oc-primary-button--sky">重新注册</NButton>
             </RouterLink>
           </template>
         </NResult>

src/views/auth/LoginView.vue

@@ -122,6 +122,7 @@ async function handleSendResetEmail() {
             type="primary"
             block
             size="large"
+            class="oc-primary-button oc-primary-button--teal"
             :loading="resetMode ? resetLoading : loading"
           >
             <template v-if="resetMode">

src/views/auth/RegisterView.vue

@@ -87,7 +87,7 @@ async function handleRegister() {
                 <span class="font-semibold text-slate-700">{{ email }}</span>
               </p>
               <RouterLink to="/login" class="no-underline">
-                <NButton type="primary">去登录</NButton>
+                <NButton type="primary" class="oc-primary-button oc-primary-button--teal">去登录</NButton>
               </RouterLink>
             </div>
           </template>
@@ -152,6 +152,7 @@ async function handleRegister() {
               type="primary"
               block
               size="large"
+              class="oc-primary-button oc-primary-button--sky"
               :loading="loading"
             >
               {{ loading ? '注册中...' : '注册' }}

src/views/auth/ResetPasswordView.vue

@@ -80,7 +80,7 @@ async function handleResetPassword() {
           description="现在可以使用新密码登录。"
         >
           <template #footer>
-            <NButton type="primary" @click="router.push('/login')">返回登录</NButton>
+            <NButton type="primary" class="oc-primary-button oc-primary-button--teal" @click="router.push('/login')">返回登录</NButton>
           </template>
         </NResult>
 
@@ -123,6 +123,7 @@ async function handleResetPassword() {
               type="primary"
               block
               size="large"
+              class="oc-primary-button oc-primary-button--teal"
               :disabled="!canSubmit"
               :loading="loading"
             >