From adc9abd145c24f2d3e7033bb738e1e8641eaf4cf Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期二, 02 九月 2025 17:30:43 +0800 Subject: [PATCH] 2025.9.2 --- src/views/LoginPage.vue | 24 ++++++++++++++++++++---- 1 files changed, 20 insertions(+), 4 deletions(-) diff --git a/src/views/LoginPage.vue b/src/views/LoginPage.vue index fa815f7..018baa7 100644 --- a/src/views/LoginPage.vue +++ b/src/views/LoginPage.vue @@ -34,7 +34,9 @@ </el-form-item> </el-form> </div> - <div class="btn-login" @click="login">鐧诲綍</div> + <el-button class="btn-login" @click="login" :loading="loading" + >鐧诲綍</el-button + > </div> </div> </div> @@ -42,13 +44,14 @@ </template> <script> -import underwayPng from '@/assets/mipmap/underway-2.png'; +import underwayPng2 from '@/assets/mipmap/underway-2.png'; +import underwayPng from '@/assets/mipmap/underway.png'; import { ElMessage } from 'element-plus'; export default { data() { return { - underwayPng: underwayPng, + loading: false, formObj: {}, rules: { userName: [ @@ -68,8 +71,18 @@ } }; }, + computed: { + underwayPng() { + if (import.meta.env.VITE_DATA_MODE == 'jingan') { + return underwayPng2; + } else { + return underwayPng; + } + } + }, methods: { login() { + this.loading = true; this.$refs.formRef.validate((valid) => { if (valid) { if ( @@ -86,6 +99,9 @@ }); } } + setTimeout(() => { + this.loading = false; + }, 1000); }); } } @@ -147,6 +163,7 @@ } .btn-login { + color: white; margin-top: 20px; border-radius: 6px; padding: 8px 60px; @@ -187,6 +204,5 @@ rgb(13, 56, 133), rgb(11, 53, 131) ); - cursor: pointer; } </style> -- Gitblit v1.9.3