[update] PC端登录样式调整
|
Before Width: | Height: | Size: 656 B After Width: | Height: | Size: 762 B |
|
Before Width: | Height: | Size: 413 B After Width: | Height: | Size: 484 B |
|
Before Width: | Height: | Size: 500 B After Width: | Height: | Size: 550 B |
|
Before Width: | Height: | Size: 5.3 KiB |
@@ -112,7 +112,7 @@ export default {
|
||||
},
|
||||
computed: {
|
||||
// 移动端头部标题
|
||||
昆鸿设备管理系统 () {
|
||||
headerTitle () {
|
||||
const hideSystemTitlePathList = [
|
||||
// 我的页面
|
||||
'/mobile/mine'
|
||||
|
||||
@@ -384,41 +384,15 @@ function isMobile () {
|
||||
right: 8vw;
|
||||
top: 20vh;
|
||||
width: 600px;
|
||||
border: 1px solid rgba(0, 148, 255, 0.24);
|
||||
border-bottom: 1px @primary-color solid;
|
||||
// 左下右下高亮边框
|
||||
&::before, &::after {
|
||||
position: absolute;
|
||||
content: '';
|
||||
display: block;
|
||||
width: 3%;
|
||||
min-width: 16px;
|
||||
height: 1px;
|
||||
bottom: -1px;
|
||||
background-color: #2EE4FD;
|
||||
}
|
||||
|
||||
&::before {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
&::after {
|
||||
right: 0;
|
||||
}
|
||||
border: 1px solid #647C97;
|
||||
|
||||
.login-header {
|
||||
background-image: url("~@/assets/images/componentImg/header-bg-side.png"),
|
||||
url("~@/assets/images/componentImg/header-bg-center.png"),
|
||||
url("~@/assets/images/componentImg/header-bg-side.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: left, center, right;
|
||||
background-size: 1px 100%, calc(100% - 2px) 100%, 1px 100%;
|
||||
border: none;
|
||||
border-bottom: 1px solid #647C97;
|
||||
line-height: 80px;
|
||||
font-size: 28px;
|
||||
text-align: center;
|
||||
min-height: 100px;
|
||||
height: 100px;
|
||||
min-height: 80px;
|
||||
height: 80px;
|
||||
padding: 0 16px;
|
||||
}
|
||||
|
||||
@@ -478,7 +452,7 @@ function isMobile () {
|
||||
width: 500px;
|
||||
|
||||
.login-header {
|
||||
line-height: 50px;
|
||||
line-height: 60px;
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
min-height: 60px;
|
||||
@@ -593,8 +567,6 @@ function isMobile () {
|
||||
}
|
||||
.login-btn {
|
||||
.ant-btn {
|
||||
background: url("~@assets/images/login-btn.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
height: 0.48rem;
|
||||
}
|
||||
}
|
||||
|
||||