|
@@ -2,13 +2,9 @@
|
|
|
<div class="jbd-login-page-bg">
|
|
<div class="jbd-login-page-bg">
|
|
|
<el-container class="login-container" @keyup.enter="handleLogin">
|
|
<el-container class="login-container" @keyup.enter="handleLogin">
|
|
|
<el-main style="width: 100%; height: 100%; overflow: hidden;border: 0;">
|
|
<el-main style="width: 100%; height: 100%; overflow: hidden;border: 0;">
|
|
|
- <div class="">
|
|
|
|
|
|
|
+ <div class="login-box">
|
|
|
<div class="logoTitle">
|
|
<div class="logoTitle">
|
|
|
- <h1 class="login-title">
|
|
|
|
|
- <img src="../../../assets/images/login/logo.jpg" class="logoImg" />
|
|
|
|
|
- 深圳市罗湖医院集团
|
|
|
|
|
- </h1>
|
|
|
|
|
- <h1 class="login-title" style="font-size: 52px">细胞质量检测实验室LIMS系统</h1>
|
|
|
|
|
|
|
+ 金通实验室标准化数智化管理平台
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="jbd-login-page-main">
|
|
<div class="jbd-login-page-main">
|
|
@@ -62,8 +58,21 @@ export default {
|
|
|
}
|
|
}
|
|
|
</script>
|
|
</script>
|
|
|
<style>
|
|
<style>
|
|
|
|
|
+.login-box {
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ margin: 0 auto;
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ top: 50%;
|
|
|
|
|
+ left: 50%;
|
|
|
|
|
+ transform: translate(-50%, -50%)
|
|
|
|
|
+}
|
|
|
|
|
+.logoTitle {
|
|
|
|
|
+ font-size: 54px;
|
|
|
|
|
+ font-weight: 700;
|
|
|
|
|
+ color: #01a39e;
|
|
|
|
|
+}
|
|
|
.jbd-login-page-bg {
|
|
.jbd-login-page-bg {
|
|
|
- background-image: url('../../../assets/images/login/bgImg.png');
|
|
|
|
|
|
|
+ background-image: url('../../../assets/images/login/bgImg.jpg');
|
|
|
background-repeat: no-repeat;
|
|
background-repeat: no-repeat;
|
|
|
background-size: 100% 100%;
|
|
background-size: 100% 100%;
|
|
|
position: absolute;
|
|
position: absolute;
|
|
@@ -74,14 +83,13 @@ export default {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.jbd-login-page-main {
|
|
.jbd-login-page-main {
|
|
|
- margin-top: 80px;
|
|
|
|
|
- margin-left: 3%;
|
|
|
|
|
- margin-bottom: 20px;
|
|
|
|
|
|
|
+ margin: 60px auto 0;
|
|
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
|
padding: 30px;
|
|
padding: 30px;
|
|
|
height: 340px;
|
|
height: 340px;
|
|
|
width: 300px;
|
|
width: 300px;
|
|
|
background-repeat: no-repeat;
|
|
background-repeat: no-repeat;
|
|
|
|
|
+ background: rgba(255, 255, 255, 1);
|
|
|
border-radius: 5%;
|
|
border-radius: 5%;
|
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
|
}
|
|
}
|
|
@@ -96,10 +104,4 @@ export default {
|
|
|
position: relative;
|
|
position: relative;
|
|
|
top: 5px;
|
|
top: 5px;
|
|
|
}
|
|
}
|
|
|
-</style>
|
|
|
|
|
-
|
|
|
|
|
-<style scoped>
|
|
|
|
|
-.logoTitle {
|
|
|
|
|
- margin: 30px;
|
|
|
|
|
-}
|
|
|
|
|
-</style>
|
|
|
|
|
|
|
+</style>
|