截止‘运力管理’模块
This commit is contained in:
@@ -48,6 +48,15 @@ a {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
|
||||
&:not(.avue-layout--horizontal) {
|
||||
.avue-sidebar {
|
||||
background-image: url('/img/左侧背景放底部.png') !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-position: left bottom !important;
|
||||
background-size: 100% auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
&--horizontal {
|
||||
flex-direction: column;
|
||||
|
||||
|
||||
@@ -4,10 +4,12 @@
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
// background-color: #fff;
|
||||
background: linear-gradient(110deg, rgb(2, 40, 85) 0%, rgb(44, 119, 241) 50%, rgb(255,255,255) 50%, rgb(240,240,240) 100%);
|
||||
background-image: url('/img/运输登录.jpg');
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
overflow: hidden;
|
||||
&::before{
|
||||
&::before {
|
||||
// content:' ';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
@@ -15,7 +17,7 @@
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin-left: -48%;
|
||||
background-image: url(/img/login-bg.svg);
|
||||
background-image: url('/img/运输登录.jpg');
|
||||
background-position: 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-size: auto 100%;
|
||||
@@ -23,29 +25,17 @@
|
||||
}
|
||||
.login-weaper {
|
||||
margin: 0 auto;
|
||||
width:100%;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.login-left,
|
||||
.login-border {
|
||||
position: relative;
|
||||
min-height: 500px;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
}
|
||||
.login-left {
|
||||
padding-top: 100px;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
color: #fff;
|
||||
float: left;
|
||||
width: 50%;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.login-left .img {
|
||||
width: 200px;
|
||||
}
|
||||
.login-time {
|
||||
position: absolute;
|
||||
left: 25px;
|
||||
@@ -58,15 +48,6 @@
|
||||
overflow: hidden;
|
||||
font-weight: bold;
|
||||
}
|
||||
.login-left .title {
|
||||
margin-top: 60px;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-weight: 300;
|
||||
letter-spacing: 2px;
|
||||
font-size: 28px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.login-border {
|
||||
border-left: none;
|
||||
@@ -74,7 +55,6 @@
|
||||
border-bottom-right-radius: 5px;
|
||||
color: #fff;
|
||||
width: 50%;
|
||||
float: left;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.login-main {
|
||||
@@ -83,6 +63,7 @@
|
||||
width: 70%;
|
||||
//box-shadow: -4px 5px 10px rgba(255, 255, 255, 0.4);
|
||||
box-sizing: border-box;
|
||||
background: white;
|
||||
}
|
||||
.login-main > h3 {
|
||||
margin-bottom: 20px;
|
||||
@@ -114,7 +95,7 @@
|
||||
cursor: pointer;
|
||||
margin-top: 30px;
|
||||
transition: 0.25s;
|
||||
background-color: #2C77F1;
|
||||
background-color: #2c77f1;
|
||||
}
|
||||
.register-submit {
|
||||
width: 100%;
|
||||
@@ -124,7 +105,7 @@
|
||||
font-weight: 300;
|
||||
cursor: pointer;
|
||||
margin-top: 30px;
|
||||
margin-left: 0!important;
|
||||
margin-left: 0 !important;
|
||||
transition: 0.25s;
|
||||
}
|
||||
.login-form {
|
||||
@@ -136,16 +117,17 @@
|
||||
input {
|
||||
text-indent: 5px;
|
||||
}
|
||||
.el-input__wrapper{
|
||||
padding:5px 10px;
|
||||
.el-input__wrapper {
|
||||
padding: 5px 10px;
|
||||
border-radius: 0;
|
||||
}
|
||||
.el-input__suffix,.el-input__prefix{
|
||||
.el-input__suffix,
|
||||
.el-input__prefix {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
.el-input__prefix{
|
||||
.el-input__prefix {
|
||||
margin-left: 8px;
|
||||
}
|
||||
}
|
||||
@@ -153,11 +135,11 @@
|
||||
.login-code {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
.el-input-group__append{
|
||||
.el-input-group__append {
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
.login-code-box{
|
||||
.login-code-box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
@@ -27,20 +27,6 @@
|
||||
width: 98%;
|
||||
}
|
||||
//登录页面
|
||||
.login-left {
|
||||
width: 100%;
|
||||
min-height: auto;
|
||||
|
||||
.title {
|
||||
margin-top: 20px;
|
||||
font-size: 20px;
|
||||
text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;
|
||||
}
|
||||
|
||||
.img {
|
||||
width: 50px;
|
||||
}
|
||||
}
|
||||
.login-logo {
|
||||
padding-top: 30px;
|
||||
margin-left: -30px;
|
||||
@@ -55,11 +41,11 @@
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
padding: 10px 20px;
|
||||
box-shadow: none
|
||||
box-shadow: none;
|
||||
}
|
||||
.login-container {
|
||||
&::before {
|
||||
margin-left: 0
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
.top-bar__item {
|
||||
|
||||
@@ -145,25 +145,25 @@
|
||||
input::-webkit-input-placeholder,
|
||||
textarea::-webkit-input-placeholder {
|
||||
/* WebKit browsers */
|
||||
color: #fff;
|
||||
color: #909399;
|
||||
}
|
||||
|
||||
input:-moz-placeholder,
|
||||
textarea:-moz-placeholder {
|
||||
/* Mozilla Firefox 4 to 18 */
|
||||
color: #fff;
|
||||
color: #909399;
|
||||
}
|
||||
|
||||
input::-moz-placeholder,
|
||||
textarea::-moz-placeholder {
|
||||
/* Mozilla Firefox 19+ */
|
||||
color: #fff;
|
||||
color: #909399;
|
||||
}
|
||||
|
||||
input:-ms-input-placeholder,
|
||||
textarea:-ms-input-placeholder {
|
||||
/* Internet Explorer 10+ */
|
||||
color: #fff;
|
||||
color: #909399;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -86,25 +86,25 @@
|
||||
input::-webkit-input-placeholder,
|
||||
textarea::-webkit-input-placeholder {
|
||||
/* WebKit browsers */
|
||||
color: #fff;
|
||||
color: #909399;
|
||||
}
|
||||
|
||||
input:-moz-placeholder,
|
||||
textarea:-moz-placeholder {
|
||||
/* Mozilla Firefox 4 to 18 */
|
||||
color: #fff;
|
||||
color: #909399;
|
||||
}
|
||||
|
||||
input::-moz-placeholder,
|
||||
textarea::-moz-placeholder {
|
||||
/* Mozilla Firefox 19+ */
|
||||
color: #fff;
|
||||
color: #909399;
|
||||
}
|
||||
|
||||
input:-ms-input-placeholder,
|
||||
textarea:-ms-input-placeholder {
|
||||
/* Internet Explorer 10+ */
|
||||
color: #fff;
|
||||
color: #909399;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -113,25 +113,25 @@
|
||||
input::-webkit-input-placeholder,
|
||||
textarea::-webkit-input-placeholder {
|
||||
/* WebKit browsers */
|
||||
color: #fff;
|
||||
color: #909399;
|
||||
}
|
||||
|
||||
input:-moz-placeholder,
|
||||
textarea:-moz-placeholder {
|
||||
/* Mozilla Firefox 4 to 18 */
|
||||
color: #fff;
|
||||
color: #909399;
|
||||
}
|
||||
|
||||
input::-moz-placeholder,
|
||||
textarea::-moz-placeholder {
|
||||
/* Mozilla Firefox 19+ */
|
||||
color: #fff;
|
||||
color: #909399;
|
||||
}
|
||||
|
||||
input:-ms-input-placeholder,
|
||||
textarea:-ms-input-placeholder {
|
||||
/* Internet Explorer 10+ */
|
||||
color: #fff;
|
||||
color: #909399;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -54,8 +54,13 @@
|
||||
.el-input__wrapper {
|
||||
font-size: 13px;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
background-color: transparent;
|
||||
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.45);
|
||||
background-color: #fff;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.el-input__inner {
|
||||
color: #303133;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -90,6 +95,22 @@
|
||||
right: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: #fff;
|
||||
|
||||
i,
|
||||
.el-icon,
|
||||
.el-dropdown,
|
||||
.el-dropdown-link {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.el-color-picker__trigger {
|
||||
border-color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
.el-color-picker__icon {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.top-bar__item {
|
||||
@@ -109,6 +130,7 @@
|
||||
height: 100%;
|
||||
padding-left: 50px;
|
||||
box-sizing: border-box;
|
||||
background: url('/img/系统首页顶部背景图.png') center center / cover no-repeat;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
|
||||
Reference in New Issue
Block a user