|
@@ -542,7 +542,7 @@ body {
|
|
|
}
|
|
|
|
|
|
/* 扩展ant design pro按钮组件颜色 */
|
|
|
-.ant-btn.button-primary {
|
|
|
+.ant-btn-primary.button-primary {
|
|
|
background-color: #39f;
|
|
|
border-color: #39f;
|
|
|
margin: 0 5px;
|
|
@@ -558,7 +558,7 @@ body {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.ant-btn.button-info {
|
|
|
+.ant-btn-primary.button-info {
|
|
|
background-color: #2db7f5;
|
|
|
border-color: #2db7f5;
|
|
|
margin: 0 5px;
|
|
@@ -574,7 +574,7 @@ body {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.ant-btn.button-success {
|
|
|
+.ant-btn-primary.button-success {
|
|
|
background-color: #0c6;
|
|
|
border-color: #0c6;
|
|
|
margin: 0 5px;
|
|
@@ -590,7 +590,7 @@ body {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.ant-btn.button-warning {
|
|
|
+.ant-btn-primary.button-warning {
|
|
|
background-color: #f90;
|
|
|
border-color: #f90;
|
|
|
margin: 0 5px;
|
|
@@ -606,7 +606,7 @@ body {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.ant-btn.button-error {
|
|
|
+.ant-btn-primary.button-error {
|
|
|
background-color: #f30;
|
|
|
border-color: #f30;
|
|
|
margin: 0 5px;
|
|
@@ -622,7 +622,7 @@ body {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.ant-btn.button-geekblue {
|
|
|
+.ant-btn-primary.button-geekblue {
|
|
|
background-color: #2F54EB;
|
|
|
border-color: #2F54EB;
|
|
|
margin: 0 5px;
|
|
@@ -638,7 +638,7 @@ body {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.ant-btn.button-purple {
|
|
|
+.ant-btn-primary.button-purple {
|
|
|
background-color: #722ED1;
|
|
|
border-color: #722ED1;
|
|
|
margin: 0 5px;
|
|
@@ -653,3 +653,81 @@ body {
|
|
|
border-color: #531dab;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+// btn-link
|
|
|
+.ant-btn-link.button-primary {
|
|
|
+ color: #39f;
|
|
|
+ &:hover, &:focus {
|
|
|
+ color: #52a6fb;
|
|
|
+ }
|
|
|
+
|
|
|
+ &:active, &.active {
|
|
|
+ color: #3d80bf;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.ant-btn-link.button-info {
|
|
|
+ color: #2db7f5;
|
|
|
+ &:hover, &:focus {
|
|
|
+ color: #32c8f5;
|
|
|
+ }
|
|
|
+
|
|
|
+ &:active, &.active {
|
|
|
+ color: #27a3d8;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.ant-btn-link.button-success {
|
|
|
+ color: #0c6;
|
|
|
+ &:hover, &:focus {
|
|
|
+ color: #01dc8c;
|
|
|
+ }
|
|
|
+
|
|
|
+ &:active, &.active {
|
|
|
+ color: #00af57;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.ant-btn-link.button-warning {
|
|
|
+ color: #e89105;
|
|
|
+ &:hover, &:focus {
|
|
|
+ color: #ffb60a;
|
|
|
+ }
|
|
|
+
|
|
|
+ &:active, &.active {
|
|
|
+ color: #dd8500;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.ant-btn-link.button-error {
|
|
|
+ color: #f30;
|
|
|
+ &:hover, &:focus {
|
|
|
+ color: #ff6666;
|
|
|
+ }
|
|
|
+
|
|
|
+ &:active, &.active {
|
|
|
+ color: #d62a00;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.ant-btn-link.button-geekblue {
|
|
|
+ color: #2F54EB;
|
|
|
+ &:hover, &:focus {
|
|
|
+ color: #1d39c4;
|
|
|
+ }
|
|
|
+
|
|
|
+ &:active, &.active {
|
|
|
+ color: #597ef7;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.ant-btn-link.button-purple {
|
|
|
+ color: #722ED1;
|
|
|
+ &:hover, &:focus {
|
|
|
+ color: #9254de;
|
|
|
+ }
|
|
|
+
|
|
|
+ &:active, &.active {
|
|
|
+ color: #531dab;
|
|
|
+ }
|
|
|
+}
|