[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: {
|
computed: {
|
||||||
// 移动端头部标题
|
// 移动端头部标题
|
||||||
昆鸿设备管理系统 () {
|
headerTitle () {
|
||||||
const hideSystemTitlePathList = [
|
const hideSystemTitlePathList = [
|
||||||
// 我的页面
|
// 我的页面
|
||||||
'/mobile/mine'
|
'/mobile/mine'
|
||||||
|
|||||||
@@ -384,41 +384,15 @@ function isMobile () {
|
|||||||
right: 8vw;
|
right: 8vw;
|
||||||
top: 20vh;
|
top: 20vh;
|
||||||
width: 600px;
|
width: 600px;
|
||||||
border: 1px solid rgba(0, 148, 255, 0.24);
|
border: 1px solid #647C97;
|
||||||
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;
|
|
||||||
}
|
|
||||||
|
|
||||||
.login-header {
|
.login-header {
|
||||||
background-image: url("~@/assets/images/componentImg/header-bg-side.png"),
|
border-bottom: 1px solid #647C97;
|
||||||
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;
|
|
||||||
line-height: 80px;
|
line-height: 80px;
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
min-height: 100px;
|
min-height: 80px;
|
||||||
height: 100px;
|
height: 80px;
|
||||||
padding: 0 16px;
|
padding: 0 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -478,7 +452,7 @@ function isMobile () {
|
|||||||
width: 500px;
|
width: 500px;
|
||||||
|
|
||||||
.login-header {
|
.login-header {
|
||||||
line-height: 50px;
|
line-height: 60px;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
min-height: 60px;
|
min-height: 60px;
|
||||||
@@ -593,8 +567,6 @@ function isMobile () {
|
|||||||
}
|
}
|
||||||
.login-btn {
|
.login-btn {
|
||||||
.ant-btn {
|
.ant-btn {
|
||||||
background: url("~@assets/images/login-btn.png") no-repeat;
|
|
||||||
background-size: 100% 100%;
|
|
||||||
height: 0.48rem;
|
height: 0.48rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||