Преглед на файлове

feat: 登陆重置静态样式修改

liangan преди 1 месец
родител
ревизия
6f82b4c1ef
променени са 3 файла, в които са добавени 14 реда и са изтрити 19 реда
  1. 8 9
      src/pages/forgotPassword/forgotPassword.vue
  2. 4 6
      src/pages/login/login.vue
  3. 2 4
      src/pages/register/register.vue

+ 8 - 9
src/pages/forgotPassword/forgotPassword.vue

@@ -239,9 +239,9 @@ onUnmounted(() => {
 
           <!-- 重置密码按钮 -->
           <wd-button
-            type="error"
             size="large"
-            custom-class="mb-200rpx w-full bandhu-auth-primary-btn"
+            block
+            custom-class="mb-40rpx"
             @click="handleStep1"
           >
             {{ $t('auth.forgotPassword.button') }}
@@ -269,7 +269,6 @@ onUnmounted(() => {
                 custom-class="flex-1 bandhu-auth-input-field"
               />
               <wd-button
-                type="error"
                 plain
                 :disabled="countdown > 0"
                 custom-class="bandhu-auth-secondary-btn"
@@ -296,15 +295,15 @@ onUnmounted(() => {
           </view>
 
           <!-- 密码提示 -->
-          <view class="mb-60rpx text-center text-24rpx text-#666">
+          <view class="mb-28rpx px-20rpx text-center text-#5C5C5C line-height-56rpx">
             {{ $t('auth.forgotPassword.passwordHint') }}
           </view>
 
           <!-- 重置密码按钮 -->
           <wd-button
-            type="error"
             size="large"
-            custom-class="mb-200rpx w-full bandhu-auth-primary-btn"
+            block
+            custom-class="mb-40rpx"
             @click="handleResetPassword"
           >
             {{ $t('auth.forgotPassword.button') }}
@@ -313,11 +312,11 @@ onUnmounted(() => {
       </view>
 
       <!-- 登录提示 -->
-      <view class="text-center">
-        <text class="text-28rpx text-#666">
+      <view class="fixed bottom-20rpx left-0 w-full text-center" :style="{ paddingBottom: `${safeAreaInsets?.bottom + 40}px` }">
+        <text class="text-28rpx text-#5C5C5C">
           {{ $t('auth.forgotPassword.hasAccount') }}
         </text>
-        <text class="text-28rpx text-[var(--wot-color-theme)]" @click="toPage('/pages/login/login')">
+        <text class="ml-10rpx text-28rpx text-[var(--wot-color-theme)]" @click="toPage('/pages/login/login')">
           {{ $t('auth.forgotPassword.loginNow') }}
         </text>
       </view>

+ 4 - 6
src/pages/login/login.vue

@@ -131,9 +131,9 @@ async function handleLogin() {
 
         <!-- 登录按钮 -->
         <wd-button
-          type="error"
           size="large"
-          custom-class="mb-60rpx w-full bandhu-auth-primary-btn"
+          block
+          custom-class="mb-40rpx"
           @click="handleLogin"
         >
           {{ $t('auth.login.button') }}
@@ -145,11 +145,9 @@ async function handleLogin() {
         <text class="text-28rpx text-#5C5C5C">
           {{ $t('auth.login.noAccount') }}
         </text>
-        <view class="mt-52rpx">
+        <view class="mt-40rpx">
           <wd-button
-            type="error"
             plain
-            custom-style="width: 200rpx; height: 72rpx; border-radius: 36rpx; font-size: 28rpx;"
             @click="toPage('/pages/register/register')"
           >
             {{ $t('auth.login.register') }}
@@ -158,7 +156,7 @@ async function handleLogin() {
       </view>
 
       <!-- 忘记密码 -->
-      <view class="text-center">
+      <view class="fixed bottom-20rpx left-0 w-full text-center" :style="{ paddingBottom: `${safeAreaInsets?.bottom + 40}px` }">
         <text class="text-28rpx text-#5C5C5C" @click="toPage('/pages/forgotPassword/forgotPassword')">
           {{ $t('auth.login.forgotPassword') }}
         </text>

+ 2 - 4
src/pages/register/register.vue

@@ -226,7 +226,6 @@ onUnmounted(() => {
             />
             <wd-button
               plain
-              type="primary"
               :disabled="countdown > 0"
               custom-class="bandhu-auth-secondary-btn"
               @click="getVerificationCode"
@@ -254,7 +253,6 @@ onUnmounted(() => {
         <wd-button
           size="large"
           block
-          type="primary"
           custom-class="mb-40rpx"
           @click="handleRegister"
         >
@@ -264,7 +262,7 @@ onUnmounted(() => {
 
       <!-- 登录提示 -->
       <view class="text-center">
-        <text class="text-28rpx text-#666">
+        <text class="text-28rpx text-#5C5C5C">
           {{ $t('auth.register.hasAccount') }}
         </text>
         <text class="ml-10rpx text-28rpx text-[var(--wot-color-theme)]" @click="toPage('/pages/login/login')">
@@ -272,7 +270,7 @@ onUnmounted(() => {
         </text>
       </view>
       <view class="fixed bottom-20rpx left-0 w-full text-center" :style="{ paddingBottom: `${safeAreaInsets?.bottom + 20}px` }">
-        <text class="text-28rpx text-#666">
+        <text class="text-28rpx text-#5C5C5C">
           By regstration,you agree to our
         </text>
         <text class="ml-10rpx text-28rpx text-[var(--wot-color-theme)]" @click="toPage('/pages/login/login')">