From ff2d01588d4e69d3bf1ad856e8e225b7f6a3c0f2 Mon Sep 17 00:00:00 2001 From: zhaowei <zhaowei> Date: 星期一, 26 八月 2024 11:01:48 +0800 Subject: [PATCH] 1、基本实现电子说明书页面布局及功能 2、基本实现语言大模型页面与后端数据联动 --- src/views/user/LoginAccount.vue | 36 +++++++++++++++++++++++++----------- 1 files changed, 25 insertions(+), 11 deletions(-) diff --git a/src/views/user/LoginAccount.vue b/src/views/user/LoginAccount.vue index 40714d6..432e6be 100644 --- a/src/views/user/LoginAccount.vue +++ b/src/views/user/LoginAccount.vue @@ -2,31 +2,30 @@ <a-form-model ref="form" :model="model" :rules="validatorRules"> <a-form-model-item required prop="username"> <div class="login-input"> - <img src="../../assets/icons/account.png" height="25" style="margin-right: 10px"> - <a-input v-model="model.username" size="large" placeholder="鐢ㄦ埛鍚�" ref="inputRef" @focus="inputFocus"/> + <img src="../../assets/icons/account.png" style=""> + <a-input v-model="model.username" size="large" placeholder="鐢ㄦ埛鍚�" ref="inputRef" @focus="inputFocus" autocomplete="off"/> </div> </a-form-model-item> <a-form-model-item required prop="password"> <div class="login-input"> - <img src="../../assets/icons/password.png" height="25" style="margin-right: 10px"> - <a-input v-model="model.password" size="large" type="password" autocomplete="false" + <img src="../../assets/icons/password.png"> + <a-input v-model="model.password" size="large" type="password" autocomplete="off" placeholder="瀵嗙爜"/> </div> </a-form-model-item> - <a-row :gutter="0" style="height: 40px"> + <a-row :gutter="0" class="code-row-container"> <a-col :span="16"> <a-form-model-item required prop="inputCode"> <div class="login-input"> - <img src="../../assets/icons/inputCode.png" height="25" style="margin-right: 10px"> + <img src="../../assets/icons/inputCode.png"> <a-input v-model="model.inputCode" size="large" type="text" placeholder="璇疯緭鍏ラ獙璇佺爜"/> </div> </a-form-model-item> </a-col> - <a-col :span="8" style="height: 55px;display: flex;justify-content: right;align-items: center;padding-left: 15px"> - <img v-if="requestCodeSuccess" style="height: 45px;width:100%;border-radius: 15px;" :src="randCodeImage" - @click="handleChangeCheckCode"/> - <img v-else style="margin-top: 2px;" src="../../assets/checkcode.png" @click="handleChangeCheckCode"/> + <a-col :span="8" class="code-col-container"> + <img v-if="requestCodeSuccess" :src="randCodeImage" @click="handleChangeCheckCode"/> + <img v-else src="../../assets/checkcode.png" @click="handleChangeCheckCode"/> </a-col> </a-row> </a-form-model> @@ -162,7 +161,22 @@ } </script> -<style scoped> +<style scoped lang="less"> + .code-row-container { + /*height: 40px;*/ + .code-col-container { + height: 55px; + display: flex; + justify-content: right; + align-items: center; + padding-left: 15px; + img { + height: 45px; + width: 100%; + border-radius: 15px; + } + } + } </style> \ No newline at end of file -- Gitblit v1.9.3