Просмотр исходного кода

feat:增加注册时密码要求提示

白白 1 год назад
Родитель
Сommit
96134751e0
1 измененных файлов с 25 добавлено и 8 удалено
  1. 25 8
      src/views/AuthPage/components/AuthCard.vue

+ 25 - 8
src/views/AuthPage/components/AuthCard.vue

@@ -44,14 +44,31 @@
       </el-form-item>
 
       <el-form-item class="auth-card-form-item" prop="password">
-        <el-input v-model="cardForm.password" :placeholder="passwordPlaceHolder" clearable type="password"
-                  autocomplete="new-password">
-          <template #prefix>
-            <el-icon class="el-input__icon">
-              <lock/>
-            </el-icon>
-          </template>
-        </el-input>
+        <template v-if="cardType==='register'">
+          <el-tooltip effect="light"
+                      content="请输入密码,需要包含英文和数字,长度为8-20个字符,密码不能包含用户名或邮箱,不能过于简单(如123456ABC)"
+                      placement="bottom-start">
+            <el-input v-model="cardForm.password" :placeholder="passwordPlaceHolder" clearable type="password"
+                      autocomplete="new-password">
+              <template #prefix>
+                <el-icon class="el-input__icon">
+                  <lock/>
+                </el-icon>
+              </template>
+            </el-input>
+          </el-tooltip>
+        </template>
+        <template v-else>
+          <el-input v-model="cardForm.password" :placeholder="passwordPlaceHolder" clearable type="password"
+                    autocomplete="new-password">
+            <template #prefix>
+              <el-icon class="el-input__icon">
+                <lock/>
+              </el-icon>
+            </template>
+          </el-input>
+        </template>
+
       </el-form-item>
 
       <el-form-item v-if="cardType==='reset'||cardType==='register'" class="auth-card-form-item" prop="passwordConfirm">