|
@@ -1,5 +1,5 @@
|
|
|
/* 改变系统主题色变量 ——*/
|
|
/* 改变系统主题色变量 ——*/
|
|
|
-$--theme-color: #2761ff;
|
|
|
|
|
|
|
+$--theme-color: #2563eb;
|
|
|
/*主题颜色(即首页导航栏颜色)——#2761ff*/
|
|
/*主题颜色(即首页导航栏颜色)——#2761ff*/
|
|
|
$--theme-color-active: #1f4ecc;
|
|
$--theme-color-active: #1f4ecc;
|
|
|
/*首页导航栏颜色鼠标悬停到某一个菜单时的颜色——#1F4ECC*/
|
|
/*首页导航栏颜色鼠标悬停到某一个菜单时的颜色——#1F4ECC*/
|
|
@@ -59,10 +59,12 @@ $--pink-color: rgb(255, 119, 119);
|
|
|
$--aside-width: 230px;
|
|
$--aside-width: 230px;
|
|
|
$--border-color-hover: #4096ff !default; // 悬浮边框颜色 --#C0C4CC
|
|
$--border-color-hover: #4096ff !default; // 悬浮边框颜色 --#C0C4CC
|
|
|
$--select-option-hover-background: #e6f4ff !default; // 悬浮选项背景色 --#f5f7fa
|
|
$--select-option-hover-background: #e6f4ff !default; // 悬浮选项背景色 --#f5f7fa
|
|
|
-$--input-placeholder-color: rgba(0,
|
|
|
|
|
- 0,
|
|
|
|
|
- 0,
|
|
|
|
|
- 0.25) !default; // 输入框占位符颜色 --#C0C4CC
|
|
|
|
|
|
|
+$--input-placeholder-color: rgba(
|
|
|
|
|
+ 0,
|
|
|
|
|
+ 0,
|
|
|
|
|
+ 0,
|
|
|
|
|
+ 0.25
|
|
|
|
|
+) !default; // 输入框占位符颜色 --#C0C4CC
|
|
|
$--box-shadow-light: 0px 2px 8px 0px rgba(0, 0, 0, 0.06) !default; // 轻微阴影
|
|
$--box-shadow-light: 0px 2px 8px 0px rgba(0, 0, 0, 0.06) !default; // 轻微阴影
|
|
|
$--box-shadow-hover-light: 0px 2px 8px 0px rgba(22, 119, 255, 0.2) !default; // 选中阴影
|
|
$--box-shadow-hover-light: 0px 2px 8px 0px rgba(22, 119, 255, 0.2) !default; // 选中阴影
|
|
|
|
|
|
|
@@ -298,7 +300,7 @@ $--font-path: '~element-ui/lib/theme-chalk/fonts';
|
|
|
transform: translateY(-50%) rotate(-90deg);
|
|
transform: translateY(-50%) rotate(-90deg);
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-.tooltip-wrapper[position='right']>.msg-log-content {
|
|
|
|
|
|
|
+.tooltip-wrapper[position='right'] > .msg-log-content {
|
|
|
top: 50%;
|
|
top: 50%;
|
|
|
left: 100%;
|
|
left: 100%;
|
|
|
margin-left: 10px;
|
|
margin-left: 10px;
|
|
@@ -341,7 +343,6 @@ $--font-path: '~element-ui/lib/theme-chalk/fonts';
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.el-table {
|
|
.el-table {
|
|
|
-
|
|
|
|
|
// border: 0;
|
|
// border: 0;
|
|
|
.el-table__header-wrapper,
|
|
.el-table__header-wrapper,
|
|
|
.el-table__fixed-header-wrapper {
|
|
.el-table__fixed-header-wrapper {
|
|
@@ -394,7 +395,6 @@ li {
|
|
|
// 子表中 radio和checkbox对齐样式
|
|
// 子表中 radio和checkbox对齐样式
|
|
|
.xh_table {
|
|
.xh_table {
|
|
|
.ht-form-inputs__block {
|
|
.ht-form-inputs__block {
|
|
|
-
|
|
|
|
|
.el-checkbox-group,
|
|
.el-checkbox-group,
|
|
|
.el-radio-group {
|
|
.el-radio-group {
|
|
|
text-align: left;
|
|
text-align: left;
|
|
@@ -425,7 +425,7 @@ li {
|
|
|
padding: 8px 0;
|
|
padding: 8px 0;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- div[aria-invalid='true']+.field-tail__wrap {
|
|
|
|
|
|
|
+ div[aria-invalid='true'] + .field-tail__wrap {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
left: 10px;
|
|
left: 10px;
|
|
|
margin-top: 36px;
|
|
margin-top: 36px;
|
|
@@ -539,7 +539,6 @@ li {
|
|
|
|
|
|
|
|
.preview-form-container,
|
|
.preview-form-container,
|
|
|
.custom-form {
|
|
.custom-form {
|
|
|
-
|
|
|
|
|
// 全局栅格布局
|
|
// 全局栅格布局
|
|
|
.el-row--flex {
|
|
.el-row--flex {
|
|
|
margin-bottom: 0 !important;
|
|
margin-bottom: 0 !important;
|
|
@@ -560,7 +559,7 @@ li {
|
|
|
line-height: 32px !important;
|
|
line-height: 32px !important;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- .ht-form-inputs__block.has-company-box>.el-input-number+span {
|
|
|
|
|
|
|
+ .ht-form-inputs__block.has-company-box > .el-input-number + span {
|
|
|
margin-left: 6px;
|
|
margin-left: 6px;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
@@ -664,38 +663,48 @@ li {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
@include b(button) {
|
|
@include b(button) {
|
|
|
- &+& {
|
|
|
|
|
|
|
+ & + & {
|
|
|
margin-left: 10px;
|
|
margin-left: 10px;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
@include m(primary) {
|
|
@include m(primary) {
|
|
|
- @include button-variant($--button-primary-font-color,
|
|
|
|
|
|
|
+ @include button-variant(
|
|
|
|
|
+ $--button-primary-font-color,
|
|
|
$--button-primary-background-color,
|
|
$--button-primary-background-color,
|
|
|
- $--button-primary-border-color );
|
|
|
|
|
|
|
+ $--button-primary-border-color
|
|
|
|
|
+ );
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
@include m(success) {
|
|
@include m(success) {
|
|
|
- @include button-variant($--button-success-font-color,
|
|
|
|
|
|
|
+ @include button-variant(
|
|
|
|
|
+ $--button-success-font-color,
|
|
|
$--button-success-background-color,
|
|
$--button-success-background-color,
|
|
|
- $--button-success-border-color );
|
|
|
|
|
|
|
+ $--button-success-border-color
|
|
|
|
|
+ );
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
@include m(warning) {
|
|
@include m(warning) {
|
|
|
- @include button-variant($--button-warning-font-color,
|
|
|
|
|
|
|
+ @include button-variant(
|
|
|
|
|
+ $--button-warning-font-color,
|
|
|
$--button-warning-background-color,
|
|
$--button-warning-background-color,
|
|
|
- $--button-warning-border-color );
|
|
|
|
|
|
|
+ $--button-warning-border-color
|
|
|
|
|
+ );
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
@include m(danger) {
|
|
@include m(danger) {
|
|
|
- @include button-variant($--button-danger-font-color,
|
|
|
|
|
|
|
+ @include button-variant(
|
|
|
|
|
+ $--button-danger-font-color,
|
|
|
$--button-danger-background-color,
|
|
$--button-danger-background-color,
|
|
|
- $--button-danger-border-color );
|
|
|
|
|
|
|
+ $--button-danger-border-color
|
|
|
|
|
+ );
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
@include m(info) {
|
|
@include m(info) {
|
|
|
- @include button-variant($--button-info-font-color,
|
|
|
|
|
|
|
+ @include button-variant(
|
|
|
|
|
+ $--button-info-font-color,
|
|
|
$--button-info-background-color,
|
|
$--button-info-background-color,
|
|
|
- $--button-info-border-color );
|
|
|
|
|
|
|
+ $--button-info-border-color
|
|
|
|
|
+ );
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -738,7 +747,6 @@ li {
|
|
|
// }
|
|
// }
|
|
|
// }
|
|
// }
|
|
|
@include when(background) {
|
|
@include when(background) {
|
|
|
-
|
|
|
|
|
.btn-prev,
|
|
.btn-prev,
|
|
|
.btn-next,
|
|
.btn-next,
|
|
|
.el-pager li {
|
|
.el-pager li {
|
|
@@ -772,7 +780,9 @@ li {
|
|
|
color: $--color-text-primary;
|
|
color: $--color-text-primary;
|
|
|
background: transparent;
|
|
background: transparent;
|
|
|
|
|
|
|
|
- &.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
|
|
|
|
|
|
|
+ &.el-tree--highlight-current
|
|
|
|
|
+ .el-tree-node.is-current
|
|
|
|
|
+ > .el-tree-node__content {
|
|
|
background: $--select-option-hover-background;
|
|
background: $--select-option-hover-background;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -887,7 +897,7 @@ li {
|
|
|
height: 32px;
|
|
height: 32px;
|
|
|
padding-left: 0 !important;
|
|
padding-left: 0 !important;
|
|
|
|
|
|
|
|
- &>.el-tree-node__expand-icon {
|
|
|
|
|
|
|
+ & > .el-tree-node__expand-icon {
|
|
|
flex-shrink: 0;
|
|
flex-shrink: 0;
|
|
|
padding: 0;
|
|
padding: 0;
|
|
|
}
|
|
}
|
|
@@ -1051,7 +1061,7 @@ li {
|
|
|
//tabs组件
|
|
//tabs组件
|
|
|
.el-tabs.el-tabs--border-card,
|
|
.el-tabs.el-tabs--border-card,
|
|
|
.el-tabs {
|
|
.el-tabs {
|
|
|
- &>.el-tabs__header.is-top {
|
|
|
|
|
|
|
+ & > .el-tabs__header.is-top {
|
|
|
height: 46px !important;
|
|
height: 46px !important;
|
|
|
line-height: 46px !important;
|
|
line-height: 46px !important;
|
|
|
background: transparent;
|
|
background: transparent;
|
|
@@ -1130,12 +1140,13 @@ li {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
|
|
|
|
|
|
|
+ .el-tree--highlight-current
|
|
|
|
|
+ .el-tree-node.is-current
|
|
|
|
|
+ > .el-tree-node__content {
|
|
|
background-color: $--select-option-hover-background;
|
|
background-color: $--select-option-hover-background;
|
|
|
border-radius: 0;
|
|
border-radius: 0;
|
|
|
|
|
|
|
|
.span-ellipsis {
|
|
.span-ellipsis {
|
|
|
-
|
|
|
|
|
span,
|
|
span,
|
|
|
i {
|
|
i {
|
|
|
color: $--color-text-primary;
|
|
color: $--color-text-primary;
|
|
@@ -1152,7 +1163,13 @@ html body .card-mode .card-content .card-item__wrap {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-.card-todo .card-todo__wrap .card-content .card-item__wrap .card-item-content .item-bottom .copy-id {
|
|
|
|
|
|
|
+.card-todo
|
|
|
|
|
+ .card-todo__wrap
|
|
|
|
|
+ .card-content
|
|
|
|
|
+ .card-item__wrap
|
|
|
|
|
+ .card-item-content
|
|
|
|
|
+ .item-bottom
|
|
|
|
|
+ .copy-id {
|
|
|
color: $--color-primary !important;
|
|
color: $--color-primary !important;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -1172,4 +1189,4 @@ html body .card-mode .card-content .card-item__wrap {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-}
|
|
|
|
|
|
|
+}
|