CN-1551 feat: 升级element-ui版本
This commit is contained in:
刘洪洪
@@ -52,11 +52,11 @@
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
align-items: flex-start;
|
||||
color: #778391;
|
||||
color: $--text-color-3;
|
||||
font-weight: 400;
|
||||
.data-column__span {
|
||||
font-weight: bold;
|
||||
color:#353636;
|
||||
color: $--text-color-1;
|
||||
}
|
||||
.unit__span {
|
||||
color: #778391;
|
||||
@@ -120,9 +120,9 @@
|
||||
}
|
||||
}
|
||||
.tab-table__average {
|
||||
border: 1px solid #E2E5EC;
|
||||
border: 1px solid $--border-color;
|
||||
border-radius: 4px 4px 0 0;
|
||||
padding: 1px;
|
||||
//padding: 1px;
|
||||
.data-click:hover{
|
||||
cursor: pointer;
|
||||
}
|
||||
@@ -185,7 +185,7 @@
|
||||
height: 0px;
|
||||
}
|
||||
.el-table thead {
|
||||
color: $grey;
|
||||
color: $--text-color-1;
|
||||
}
|
||||
.el-table__empty-text{
|
||||
line-height:20px !important;
|
||||
@@ -196,6 +196,7 @@
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
line-height:18px;
|
||||
padding: 1px 10px 0 11px !important;
|
||||
.caret-wrapper {
|
||||
margin-top:3px;
|
||||
}
|
||||
@@ -226,6 +227,13 @@
|
||||
background: #749F4D;
|
||||
}
|
||||
}
|
||||
.el-table__border-left-patch {
|
||||
width: 0;
|
||||
}
|
||||
.el-table__inner-wrapper::after, .el-table__inner-wrapper::before {
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
}
|
||||
.el-tabs__header {
|
||||
margin-bottom: 10px;
|
||||
@@ -243,8 +251,8 @@
|
||||
}
|
||||
.el-tabs__item {
|
||||
padding: 0 10px;
|
||||
height: 33px;
|
||||
color: $grey;
|
||||
height: 40px;
|
||||
color: $--text-color-1;
|
||||
font-size: 14px;
|
||||
|
||||
&.el-tabs__item.is-top.is-active {
|
||||
@@ -338,8 +346,153 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.customize-tab__popper{
|
||||
max-height:405px;/*calc(100% - 136px);*/
|
||||
overflow:hidden;
|
||||
padding: 0px !important;
|
||||
background: #FFFFFF;
|
||||
/*border: 1px solid #C5C5C5;*/
|
||||
border:1px solid #C5C5C5 !important;
|
||||
box-shadow: -1px 1px 10px -1px rgba(205,205,205,0.85)!important;
|
||||
border-radius: 2px !important;
|
||||
.el-popper {
|
||||
max-height: 405px;
|
||||
}
|
||||
.el-tabs__header{
|
||||
font-size: 12px;
|
||||
color:green !important;
|
||||
font-weight: 500;
|
||||
margin: 0px ;
|
||||
border-bottom: 1px solid #E2E5EC;
|
||||
height: 30px !important;
|
||||
}
|
||||
.el-tabs__content {
|
||||
max-height: 358px !important;
|
||||
margin:8px 0 6px 0;
|
||||
}
|
||||
.el-tabs__nav{
|
||||
width:100%;
|
||||
}
|
||||
.el-tabs__nav-wrap {
|
||||
margin-bottom: 0px !important;
|
||||
}
|
||||
.el-tabs__item{
|
||||
width:50%;
|
||||
text-align:center;
|
||||
padding:0px;
|
||||
height:30px;
|
||||
line-height: 30px;
|
||||
font-size: 12px;
|
||||
color: #353636;
|
||||
font-weight: 500;
|
||||
}
|
||||
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
|
||||
border-top: 3px solid #38ACD2;
|
||||
}
|
||||
.el-tabs--card > .el-tabs__header .el-tabs__item:first-child{
|
||||
border-radius: 2.5px 0 0 0;
|
||||
}
|
||||
.el-tabs--card > .el-tabs__header .el-tabs__item:last-child{
|
||||
border-radius: 0 2.5px 0 0 ;
|
||||
border-left: 1px #E2E5EC solid !important;
|
||||
}
|
||||
.el-tabs--card > .el-tabs__header .el-tabs__item{
|
||||
border-bottom: 0px ;
|
||||
border-top: 3px solid white;
|
||||
color: #353636;
|
||||
}
|
||||
.el-tabs--card > .el-tabs__header .el-tabs__nav {
|
||||
border:0px ;
|
||||
}
|
||||
|
||||
.list {
|
||||
list-style: none;
|
||||
padding-inline-start: 0px !important;
|
||||
/*height:375px;*/
|
||||
max-height: 358px !important;
|
||||
overflow:auto;
|
||||
margin:0 0;
|
||||
.drag-move {
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
|
||||
.list-item:last-child {
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.list-item {
|
||||
width:100%;
|
||||
color: #575757;
|
||||
margin-bottom: 0px;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
text-align: left;
|
||||
font-weight:400;
|
||||
font-size:12px;
|
||||
|
||||
.icon-drag{
|
||||
cursor: move;
|
||||
margin-left:6px;
|
||||
margin-right:3px;
|
||||
}
|
||||
|
||||
.el-checkbox__input.is-checked .el-checkbox__inner {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
background-color: #38ACD2;
|
||||
border-color: #38ACD2;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.el-checkbox__input .el-checkbox__inner {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
background-color: #F2F7F9;
|
||||
border: 1px solid rgba(0,0,0,0.15);
|
||||
border-radius: 2px;
|
||||
}
|
||||
.el-checkbox__input.is-checked + .el-checkbox__label,.el-checkbox__input + .el-checkbox__label {
|
||||
font-size: 12px;
|
||||
color: #575757;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
/*top:0px !important;
|
||||
right:200px !important;
|
||||
transform: translateY(126px) !important;*/
|
||||
}
|
||||
.fixed-row {
|
||||
display:flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
//background: white;
|
||||
background: var(--el-bg-color);
|
||||
width: 100%;
|
||||
height:40px;
|
||||
border:solid 1px $--border-color;
|
||||
//border: 1px solid var(var(--el-border-color-lighter));
|
||||
padding-left:10px !important;
|
||||
text-align: left;
|
||||
border-radius:0 0 4px 4px;
|
||||
color:#046eca;
|
||||
.fixed-button {
|
||||
display:flex;
|
||||
justify-content: center;
|
||||
padding:7px 10px;
|
||||
align-items: center;
|
||||
height: 30px;
|
||||
}
|
||||
.fixed-button:hover {
|
||||
cursor:pointer;
|
||||
background: #e6f4ff;
|
||||
box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02);
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
.btn-up{
|
||||
margin-top:40px;
|
||||
}
|
||||
.tab-search__popper{
|
||||
top: -7px !important;
|
||||
margin-top: -7px;
|
||||
width:auto !important;
|
||||
max-height:206px;
|
||||
overflow:hidden;
|
||||
@@ -352,10 +505,10 @@
|
||||
width:100%;
|
||||
padding: 4px 4px 0px 4px;
|
||||
.el-input__inner{
|
||||
padding:0px 4px;
|
||||
background: #FFFFFF;
|
||||
border: 1px solid #C5C5C5;
|
||||
box-shadow: -1px 1px 10px -1px rgba(205,205,205,0.85);
|
||||
//padding:0px 4px;
|
||||
//background: #FFFFFF;
|
||||
//border: 1px solid #C5C5C5;
|
||||
//box-shadow: -1px 1px 10px -1px rgba(205,205,205,0.85);
|
||||
border-radius: 2px;
|
||||
font-size: 12px;
|
||||
/*color: rgba(87,87,87,0.60);*/
|
||||
@@ -403,140 +556,3 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.customize-tab__popper{
|
||||
max-height:405px;/*calc(100% - 136px);*/
|
||||
overflow:hidden;
|
||||
padding: 0px !important;
|
||||
background: #FFFFFF;
|
||||
/*border: 1px solid #C5C5C5;*/
|
||||
border:1px solid #C5C5C5 !important;
|
||||
box-shadow: -1px 1px 10px -1px rgba(205,205,205,0.85)!important;
|
||||
border-radius: 2px !important;
|
||||
.el-popper {
|
||||
max-height: 405px;
|
||||
}
|
||||
.el-tabs__header{
|
||||
font-size: 12px;
|
||||
color:green !important;
|
||||
font-weight: 500;
|
||||
margin: 0px ;
|
||||
border-bottom: 1px solid #E2E5EC;
|
||||
}
|
||||
.el-tabs__content {
|
||||
max-height: 358px !important;
|
||||
margin:8px 0 6px 0;
|
||||
}
|
||||
.el-tabs__nav{
|
||||
width:100%;
|
||||
}
|
||||
.el-tabs__nav-wrap {
|
||||
margin-bottom: 0px !important;
|
||||
}
|
||||
.el-tabs__item{
|
||||
width:50%;
|
||||
text-align:center;
|
||||
padding:0px;
|
||||
height:30px;
|
||||
line-height: 30px;
|
||||
font-size: 12px;
|
||||
color: #353636;
|
||||
font-weight: 500;
|
||||
}
|
||||
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
|
||||
border-top: 3px solid #38ACD2;
|
||||
}
|
||||
.el-tabs--card > .el-tabs__header .el-tabs__item:first-child{
|
||||
border-radius: 2.5px 0 0 0;
|
||||
}
|
||||
.el-tabs--card > .el-tabs__header .el-tabs__item:last-child{
|
||||
border-radius: 0 2.5px 0 0 ;
|
||||
border-left: 1px #E2E5EC solid !important;
|
||||
}
|
||||
.el-tabs--card > .el-tabs__header .el-tabs__item{
|
||||
border-bottom: 0px ;
|
||||
border-top: 3px solid white;
|
||||
}
|
||||
.el-tabs--card > .el-tabs__header .el-tabs__nav {
|
||||
border:0px ;
|
||||
}
|
||||
|
||||
.list {
|
||||
list-style: none;
|
||||
padding-inline-start: 0px !important;
|
||||
/*height:375px;*/
|
||||
max-height: 358px !important;
|
||||
overflow:auto;
|
||||
margin:0 0;
|
||||
.drag-move {
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
|
||||
.list-item:last-child {
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.list-item {
|
||||
width:100%;
|
||||
color: #575757;
|
||||
margin-bottom: 0px;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
text-align: left;
|
||||
font-weight:400;
|
||||
font-size:12px;
|
||||
|
||||
.icon-drag{
|
||||
cursor: move;
|
||||
margin-left:6px;
|
||||
margin-right:3px;
|
||||
}
|
||||
|
||||
.el-checkbox__input.is-checked .el-checkbox__inner {
|
||||
background-color: #38ACD2;
|
||||
border-color: #38ACD2;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.el-checkbox__input .el-checkbox__inner {
|
||||
background-color: #F2F7F9;
|
||||
border: 1px solid rgba(0,0,0,0.15);
|
||||
border-radius: 2px;
|
||||
}
|
||||
.el-checkbox__input.is-checked + .el-checkbox__label,.el-checkbox__input + .el-checkbox__label {
|
||||
font-size: 12px;
|
||||
color: #575757;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
/*top:0px !important;
|
||||
right:200px !important;
|
||||
transform: translateY(126px) !important;*/
|
||||
}
|
||||
.fixed-row {
|
||||
display:flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
background: white;
|
||||
width: 100%;
|
||||
height:40px;
|
||||
border:solid 1px #E2E5EC;
|
||||
padding-left:10px !important;
|
||||
text-align: left;
|
||||
border-radius:0 0 4px 4px;
|
||||
color:#046eca;
|
||||
.fixed-button {
|
||||
display:flex;
|
||||
justify-content: center;
|
||||
padding:7px 10px;
|
||||
align-items: center;
|
||||
height: 30px;
|
||||
}
|
||||
.fixed-button:hover {
|
||||
cursor:pointer;
|
||||
background: #e6f4ff;
|
||||
box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02);
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
.btn-up{
|
||||
margin-top:40px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user