From f3acb8ce787f3df0eda633031473be4e6a9ff448 Mon Sep 17 00:00:00 2001 From: zmc <zmc_li@foxmail.com> Date: 星期四, 12 十月 2023 16:56:28 +0800 Subject: [PATCH] 油烟 更新了实时监控页面 --- src/views/LoginInterface.vue | 22 ++++++++++++++++++---- 1 files changed, 18 insertions(+), 4 deletions(-) diff --git a/src/views/LoginInterface.vue b/src/views/LoginInterface.vue index 0ddaec7..0702b3d 100644 --- a/src/views/LoginInterface.vue +++ b/src/views/LoginInterface.vue @@ -21,7 +21,9 @@ style="margin-left: 20px;" ></el-input> </div> + <div > <el-button type="primary" class="login-btn" @click="login">鐧诲綍</el-button> + </div> </el-card> </div> </template> @@ -40,7 +42,7 @@ if (this.username === 'admin' && this.password === 'admin123') { ElMessage.success('鐧诲綍鎴愬姛'); // 鐧诲綍鎴愬姛锛岃烦杞埌瀵瑰簲椤甸潰 - this.$router.push('/hdata') // 鍋囪鐧诲綍鎴愬姛鍚庤烦杞埌 '/dashboard' 椤甸潰 + this.$router.push('/ndata') // 鍋囪鐧诲綍鎴愬姛鍚庤烦杞埌 '/dashboard' 椤甸潰 } else { // console.log('Login Failed!') ElMessage.error('璐﹀彿鎴栧瘑鐮侀敊璇�'); @@ -52,7 +54,7 @@ <style scoped> .login-container { - background-image: url('../assets/bg1.png'); + background-image: url('../assets/login.png'); /*鐢ㄤ簬涓轰竴涓厓绱犺缃竴涓垨鑰呭涓儗鏅浘鍍忋�� */ background-size: cover; /* 灏嗚儗鏅浘鍍忕瓑姣旂缉鏀惧埌瀹屽叏瑕嗙洊瀹瑰櫒锛岃儗鏅浘鍍忔湁鍙兘瓒呭嚭瀹瑰櫒銆�*/ background-position: center; /* 涓烘瘡涓�涓儗鏅浘鐗囪缃垵濮嬩綅缃�傝繖涓綅缃槸鐩稿浜庣敱 background-origin 瀹氫箟鐨勪綅缃浘灞傜殑 閿瓧 center锛岀敤鏉ュ眳涓儗鏅浘鐗囥��*/ @@ -101,8 +103,20 @@ } .login-btn { - width:40%; - margin-left: 155px; + /* position: absolute; + width:calc(100% - 20px); + left: 40px; + margin-top: 30px; + display: flex; */ + /* justify-content: center; */ + /* margin-left: 155px; */ + position: absolute; + left: 85px; + width: calc(100% - 150px); + padding: 6px; + text-align: center; + box-sizing: border-box; + margin-top: 30px; } .ab { margin-top: 100px; -- Gitblit v1.9.3