|
|
@@ -24,7 +24,12 @@ textarea {
|
|
|
padding: 15px;
|
|
|
}
|
|
|
|
|
|
-h1, h2, h3, h4, h5, h6 {
|
|
|
+h1,
|
|
|
+h2,
|
|
|
+h3,
|
|
|
+h4,
|
|
|
+h5,
|
|
|
+h6 {
|
|
|
color: $--color-text-primary;
|
|
|
font-size: 26px;
|
|
|
font-weight: 500;
|
|
|
@@ -86,56 +91,69 @@ h6 {
|
|
|
text-decoration: line-through;
|
|
|
}
|
|
|
|
|
|
-.ele-text-small, .ele-text-small > .el-progress__text {
|
|
|
+.ele-text-small,
|
|
|
+.ele-text-small>.el-progress__text {
|
|
|
font-size: 12px !important;
|
|
|
}
|
|
|
|
|
|
.ele-bg-primary {
|
|
|
- background-color: $--color-primary !important;;
|
|
|
+ background-color: $--color-primary !important;
|
|
|
+ ;
|
|
|
}
|
|
|
|
|
|
.ele-bg-success {
|
|
|
- background-color: $--color-success !important;;
|
|
|
+ background-color: $--color-success !important;
|
|
|
+ ;
|
|
|
}
|
|
|
|
|
|
.ele-bg-warning {
|
|
|
- background-color: $--color-warning !important;;
|
|
|
+ background-color: $--color-warning !important;
|
|
|
+ ;
|
|
|
}
|
|
|
|
|
|
.ele-bg-danger {
|
|
|
- background-color: $--color-danger !important;;
|
|
|
+ background-color: $--color-danger !important;
|
|
|
+ ;
|
|
|
}
|
|
|
|
|
|
.ele-bg-info {
|
|
|
- background-color: $--color-info !important;;
|
|
|
+ background-color: $--color-info !important;
|
|
|
+ ;
|
|
|
}
|
|
|
|
|
|
.ele-bg-white {
|
|
|
- background-color: $--color-white !important;;
|
|
|
+ background-color: $--color-white !important;
|
|
|
+ ;
|
|
|
}
|
|
|
|
|
|
.ele-bg-base {
|
|
|
- background-color: $--background-color-base !important;;
|
|
|
+ background-color: $--background-color-base !important;
|
|
|
+ ;
|
|
|
}
|
|
|
|
|
|
.ele-border-primary {
|
|
|
- border-color: $--color-primary !important;;
|
|
|
+ border-color: $--color-primary !important;
|
|
|
+ ;
|
|
|
}
|
|
|
|
|
|
.ele-border-success {
|
|
|
- border-color: $--color-success !important;;
|
|
|
+ border-color: $--color-success !important;
|
|
|
+ ;
|
|
|
}
|
|
|
|
|
|
.ele-border-warning {
|
|
|
- border-color: $--color-warning !important;;
|
|
|
+ border-color: $--color-warning !important;
|
|
|
+ ;
|
|
|
}
|
|
|
|
|
|
.ele-border-danger {
|
|
|
- border-color: $--color-danger !important;;
|
|
|
+ border-color: $--color-danger !important;
|
|
|
+ ;
|
|
|
}
|
|
|
|
|
|
.ele-border-info {
|
|
|
- border-color: $--color-info !important;;
|
|
|
+ border-color: $--color-info !important;
|
|
|
+ ;
|
|
|
}
|
|
|
|
|
|
.ele-pull-left {
|
|
|
@@ -184,7 +202,8 @@ h6 {
|
|
|
width: 100% !important;
|
|
|
}
|
|
|
|
|
|
-.ele-btn-icon, .ele-btn-icon.is-round {
|
|
|
+.ele-btn-icon,
|
|
|
+.ele-btn-icon.is-round {
|
|
|
padding-left: 12px;
|
|
|
padding-right: 12px;
|
|
|
|
|
|
@@ -199,11 +218,22 @@ h6 {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.el-button + .el-link, .el-button + .el-dropdown, .el-button + .ele-action,
|
|
|
-.el-link + .el-button, .el-link + .el-link, .el-link + .el-dropdown, .el-link + .ele-action,
|
|
|
-.el-dropdown + .el-button, .el-dropdown + .el-link, .el-dropdown + .el-dropdown, .el-dropdown + .ele-action,
|
|
|
-.ele-action + .el-button, .ele-action + .el-link, .ele-action + .el-dropdown, .ele-action + .ele-action,
|
|
|
-.el-tag + .el-tag {
|
|
|
+.el-button+.el-link,
|
|
|
+.el-button+.el-dropdown,
|
|
|
+.el-button+.ele-action,
|
|
|
+.el-link+.el-button,
|
|
|
+.el-link+.el-link,
|
|
|
+.el-link+.el-dropdown,
|
|
|
+.el-link+.ele-action,
|
|
|
+.el-dropdown+.el-button,
|
|
|
+.el-dropdown+.el-link,
|
|
|
+.el-dropdown+.el-dropdown,
|
|
|
+.el-dropdown+.ele-action,
|
|
|
+.ele-action+.el-button,
|
|
|
+.ele-action+.el-link,
|
|
|
+.ele-action+.el-dropdown,
|
|
|
+.ele-action+.ele-action,
|
|
|
+.el-tag+.el-tag {
|
|
|
margin-left: 10px;
|
|
|
}
|
|
|
|
|
|
@@ -238,12 +268,12 @@ s {
|
|
|
align-items: flex-end;
|
|
|
}
|
|
|
|
|
|
- & > .ele-cell-content {
|
|
|
+ &>.ele-cell-content {
|
|
|
flex: 1;
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
- & > * + .ele-cell-content {
|
|
|
+ &>*+.ele-cell-content {
|
|
|
padding-left: 10px;
|
|
|
}
|
|
|
|
|
|
@@ -298,11 +328,11 @@ s {
|
|
|
}
|
|
|
|
|
|
@media screen and (min-width: 768px) {
|
|
|
- .ele-admin-sidebar + .ele-admin-body .ele-bottom-tool {
|
|
|
+ .ele-admin-sidebar+.ele-admin-body .ele-bottom-tool {
|
|
|
padding-left: $--size-side-width + 15px;
|
|
|
}
|
|
|
|
|
|
- .ele-layout-collapse .ele-admin-sidebar + .ele-admin-body .ele-bottom-tool {
|
|
|
+ .ele-layout-collapse .ele-admin-sidebar+.ele-admin-body .ele-bottom-tool {
|
|
|
padding-left: $--size-side-width-collapse + 15px;
|
|
|
}
|
|
|
}
|
|
|
@@ -313,7 +343,8 @@ s {
|
|
|
}
|
|
|
|
|
|
/** 水平搜索表单 */
|
|
|
-.ele-form-search .el-form-item, .ele-form-search .ele-form-actions {
|
|
|
+.ele-form-search .el-form-item,
|
|
|
+.ele-form-search .ele-form-actions {
|
|
|
margin-bottom: 15px;
|
|
|
}
|
|
|
|
|
|
@@ -366,7 +397,8 @@ s {
|
|
|
&.ele-form-search {
|
|
|
padding-bottom: 0;
|
|
|
|
|
|
- .el-form-item, .ele-form-actions {
|
|
|
+ .el-form-item,
|
|
|
+ .ele-form-actions {
|
|
|
margin-bottom: 10px;
|
|
|
}
|
|
|
}
|
|
|
@@ -388,22 +420,22 @@ s {
|
|
|
|
|
|
/** 滚动条 */
|
|
|
@media screen and (min-width: 768px) {
|
|
|
- :not(html,body)::-webkit-scrollbar {
|
|
|
+ :not(html, body)::-webkit-scrollbar {
|
|
|
width: 8px;
|
|
|
height: 8px;
|
|
|
background: transparent;
|
|
|
}
|
|
|
|
|
|
- :not(html,body)::-webkit-scrollbar-track {
|
|
|
+ :not(html, body)::-webkit-scrollbar-track {
|
|
|
background: transparent;
|
|
|
}
|
|
|
|
|
|
- :not(html,body)::-webkit-scrollbar-thumb {
|
|
|
+ :not(html, body)::-webkit-scrollbar-thumb {
|
|
|
border-radius: 4px;
|
|
|
background-color: $--scrollbar-background-color;
|
|
|
}
|
|
|
|
|
|
- :not(html,body)::-webkit-scrollbar-thumb:hover {
|
|
|
+ :not(html, body)::-webkit-scrollbar-thumb:hover {
|
|
|
background-color: $--scrollbar-hover-background-color;
|
|
|
}
|
|
|
|
|
|
@@ -432,4 +464,20 @@ s {
|
|
|
&:hover {
|
|
|
overflow: auto;
|
|
|
}
|
|
|
+}
|
|
|
+
|
|
|
+/* 禁用按钮样式 - 去掉背景和边框 */
|
|
|
+button.action-btn:disabled,
|
|
|
+button.edit-btn:disabled,
|
|
|
+button.delete-btn:disabled {
|
|
|
+ background-color: transparent !important;
|
|
|
+ border: none !important;
|
|
|
+ cursor: not-allowed;
|
|
|
+ opacity: 0.5;
|
|
|
+}
|
|
|
+
|
|
|
+/* 兼容其他按钮类 */
|
|
|
+button[disabled] {
|
|
|
+ background-color: transparent !important;
|
|
|
+ border: none !important;
|
|
|
}
|