From 4b038efabfcead1a30657ba07e5935fbd031fdfb Mon Sep 17 00:00:00 2001 From: RuoYi <yzz_ivy@163.com> Date: 星期二, 18 三月 2025 15:56:20 +0800 Subject: [PATCH] 登录页和注册页表头使用VUE_APP_TITLE配置值 --- src/views/register.vue | 42 +++++++++++++++++++++++++++--------------- 1 files changed, 27 insertions(+), 15 deletions(-) diff --git a/src/views/register.vue b/src/views/register.vue index 0041d00..e920ad4 100644 --- a/src/views/register.vue +++ b/src/views/register.vue @@ -1,9 +1,15 @@ <template> <div class="register"> <el-form ref="registerRef" :model="registerForm" :rules="registerRules" class="register-form"> - <h3 class="title">鑻ヤ緷鍚庡彴绠$悊绯荤粺</h3> + <h3 class="title">{{ title }}</h3> <el-form-item prop="username"> - <el-input v-model="registerForm.username" type="text" auto-complete="off" placeholder="璐﹀彿"> + <el-input + v-model="registerForm.username" + type="text" + size="large" + auto-complete="off" + placeholder="璐﹀彿" + > <template #prefix><svg-icon icon-class="user" class="el-input__icon input-icon" /></template> </el-input> </el-form-item> @@ -11,6 +17,7 @@ <el-input v-model="registerForm.password" type="password" + size="large" auto-complete="off" placeholder="瀵嗙爜" @keyup.enter="handleRegister" @@ -22,6 +29,7 @@ <el-input v-model="registerForm.confirmPassword" type="password" + size="large" auto-complete="off" placeholder="纭瀵嗙爜" @keyup.enter="handleRegister" @@ -29,8 +37,9 @@ <template #prefix><svg-icon icon-class="password" class="el-input__icon input-icon" /></template> </el-input> </el-form-item> - <el-form-item prop="code" v-if="captchaOnOff"> + <el-form-item prop="code" v-if="captchaEnabled"> <el-input + size="large" v-model="registerForm.code" auto-complete="off" placeholder="楠岃瘉鐮�" @@ -46,7 +55,7 @@ <el-form-item style="width:100%;"> <el-button :loading="loading" - size="medium" + size="large" type="primary" style="width:100%;" @click.prevent="handleRegister" @@ -61,7 +70,7 @@ </el-form> <!-- 搴曢儴 --> <div class="el-register-footer"> - <span>Copyright 漏 2018-2021 ruoyi.vip All Rights Reserved.</span> + <span>Copyright 漏 2018-2025 ruoyi.vip All Rights Reserved.</span> </div> </div> </template> @@ -70,6 +79,7 @@ import { ElMessageBox } from "element-plus"; import { getCodeImg, register } from "@/api/login"; +const title = import.meta.env.VITE_APP_TITLE; const router = useRouter(); const { proxy } = getCurrentInstance(); @@ -96,7 +106,8 @@ ], password: [ { required: true, trigger: "blur", message: "璇疯緭鍏ユ偍鐨勫瘑鐮�" }, - { min: 5, max: 20, message: "鐢ㄦ埛瀵嗙爜闀垮害蹇呴』浠嬩簬 5 鍜� 20 涔嬮棿", trigger: "blur" } + { min: 5, max: 20, message: "鐢ㄦ埛瀵嗙爜闀垮害蹇呴』浠嬩簬 5 鍜� 20 涔嬮棿", trigger: "blur" }, + { pattern: /^[^<>"'|\\]+$/, message: "涓嶈兘鍖呭惈闈炴硶瀛楃锛�< > \" ' \\\ |", trigger: "blur" } ], confirmPassword: [ { required: true, trigger: "blur", message: "璇峰啀娆¤緭鍏ユ偍鐨勫瘑鐮�" }, @@ -107,7 +118,7 @@ const codeUrl = ref(""); const loading = ref(false); -const captchaOnOff = ref(true); +const captchaEnabled = ref(true); function handleRegister() { proxy.$refs.registerRef.validate(valid => { @@ -123,7 +134,7 @@ }).catch(() => {}); }).catch(() => { loading.value = false; - if (captchaOnOff) { + if (captchaEnabled) { getCode(); } }); @@ -133,8 +144,8 @@ function getCode() { getCodeImg().then(res => { - captchaOnOff.value = res.captchaOnOff === undefined ? true : res.captchaOnOff; - if (captchaOnOff.value) { + captchaEnabled.value = res.captchaEnabled === undefined ? true : res.captchaEnabled; + if (captchaEnabled.value) { codeUrl.value = "data:image/gif;base64," + res.img; registerForm.value.uuid = res.uuid; } @@ -165,15 +176,15 @@ width: 400px; padding: 25px 25px 5px 25px; .el-input { - height: 38px; + height: 40px; input { - height: 38px; + height: 40px; } } .input-icon { height: 39px; width: 14px; - margin-left: 2px; + margin-left: 0px; } } .register-tip { @@ -183,7 +194,7 @@ } .register-code { width: 33%; - height: 38px; + height: 40px; float: right; img { cursor: pointer; @@ -203,6 +214,7 @@ letter-spacing: 1px; } .register-code-img { - height: 38px; + height: 40px; + padding-left: 12px; } </style> -- Gitblit v1.9.3