From ffb95c5b73c2bf11cd66b3c05955833397dc553b Mon Sep 17 00:00:00 2001 From: WX <1377869194@qq.com> Date: 星期五, 16 六月 2023 17:57:38 +0800 Subject: [PATCH] 部分功能添加完善 --- src/views/login.vue | 101 +++++++++++++++++++++++++++----------------------- 1 files changed, 55 insertions(+), 46 deletions(-) diff --git a/src/views/login.vue b/src/views/login.vue index 228f626..fda3537 100644 --- a/src/views/login.vue +++ b/src/views/login.vue @@ -28,57 +28,59 @@ v-bind:src="reportUrl" ></iframe> </div> - <div class="title_img"> - <h3>鏈堢悆澶ф暟鎹湴鐞嗙┖闂村垎鏋愬睍绀哄钩鍙�</h3> - </div> - <div class="loginMenu"> - <div class="login_title"> - <span>鐢ㄦ埛鐧诲綍</span> + <div class="zz"> + <div class="title_img"> + <h3>鏈堢悆澶ф暟鎹湴鐞嗙┖闂村垎鏋愬睍绀哄钩鍙�</h3> </div> - <el-form ref="loginForm" class="loginForm"> - <el-form-item prop="uid"> - <el-input - placeholder="杈撳叆鐧诲綍璐﹀彿" - class="nobr" - autocomplete="off" - :prefix-icon="User" - > - </el-input> - </el-form-item> + <div class="loginMenu"> + <div class="login_title"> + <span>鐢ㄦ埛鐧诲綍</span> + </div> + <el-form ref="loginForm" class="loginForm"> + <el-form-item prop="uid"> + <el-input + placeholder="杈撳叆鐧诲綍璐﹀彿" + class="nobr" + autocomplete="off" + :prefix-icon="User" + > + </el-input> + </el-form-item> - <el-form-item prop="pwd"> - <el-input - show-password - placeholder="璇疯緭鍏ョ櫥褰曞瘑鐮�" - class="nobr" - autocomplete="off" - :prefix-icon="Lock" - > - </el-input> - </el-form-item> + <el-form-item prop="pwd"> + <el-input + show-password + placeholder="璇疯緭鍏ョ櫥褰曞瘑鐮�" + class="nobr" + autocomplete="off" + :prefix-icon="Lock" + > + </el-input> + </el-form-item> - <el-form-item required> - <el-col :span="18"> - <el-form-item prop="validCode"> - <el-input - placeholder="璇疯緭鍏ラ獙璇佺爜锛堝拷鐣ュぇ灏忓啓锛�" - class="nobr" - ></el-input> - </el-form-item> - </el-col> + <el-form-item required> + <el-col :span="18"> + <el-form-item prop="validCode"> + <el-input + placeholder="璇疯緭鍏ラ獙璇佺爜锛堝拷鐣ュぇ灏忓啓锛�" + class="nobr" + ></el-input> + </el-form-item> + </el-col> - <el-col :span="6" align="right"> </el-col> - </el-form-item> + <el-col :span="6" align="right"> </el-col> + </el-form-item> - <el-form-item> - <el-button - type="primary" - class="nobr loginbtn btnbox" - @click="setLogin()" - >鐧诲綍</el-button - > - </el-form-item> - </el-form> + <el-form-item> + <el-button + type="primary" + class="nobr loginbtn btnbox" + @click="setLogin()" + >鐧诲綍</el-button + > + </el-form-item> + </el-form> + </div> </div> </div> </template> @@ -112,12 +114,19 @@ position: relative; background: url("../assets/img/moon-bg.png") no-repeat; background-size: 100% 100%; + .zz { + position: absolute; + width: 100%; + height: 100%; + z-index: 1; + } .loginEarth { width: 100%; height: 100%; top: 3%; left: 1%; position: absolute; + z-index: 0; } .loginMenu { position: absolute; -- Gitblit v1.9.3