tone/tonePage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化 前端Login登录按钮样式实现

Browse Source
This commit is contained in:
tone
2024-10-12 11:00:57 +08:00
parent d2c2b6e7ad
commit bdc4b459e2
1 changed files with 2 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
tonecn/src/views/Console/Login.vue
View File

@@ -77,17 +77,10 @@ onMounted(async () => {
<el-input v-model="formData.password" show-password class="w-full h-[35px] text-[16px] mt-[10px]" <el-input v-model="formData.password" show-password class="w-full h-[35px] text-[16px] mt-[10px]"
placeholder="密码" @keyup.enter="loginHandle"> placeholder="密码" @keyup.enter="loginHandle">
</el-input> </el-input>
<el-button class="mt-[12px] mb-[120px] w-full h-[35px] font-bold login-button" @click="loginHandle" <el-button class="mt-[12px] mb-[120px] w-full h-[35px] font-bold login-button hover:!bg-white hover:!border-gray-300 hover:!text-gray-800" @click="loginHandle"
:loading="loginStatus">登录</el-button> :loading="loginStatus">登录</el-button>
</div> </div>
</div> </div>
<RotationVerification v-if="isCaptchaShow" @fail="() => { isCaptchaShow = false; ElMessage.warning('验证失败') }" <RotationVerification v-if="isCaptchaShow" @fail="() => { isCaptchaShow = false; ElMessage.warning('验证失败') }"
@success="() => { isCaptchaShow = false; login() }" /> @success="() => { isCaptchaShow = false; login() }" />
</template> </template>
<style scoped>
.login-button:hover {
background-color: #fff;
border-color: rgb(220, 223, 230);
color: #333;
}
</style>