支持workspace模式导入文件,css类名改名以避免和外部模块冲突
1,源码导入存在uniapp中canvas标签失效问题,所以使用dist导入
This commit is contained in:
+18
-18
@@ -1,5 +1,5 @@
|
||||
/* 通用 .btn 基础按钮样式 */
|
||||
.btn {
|
||||
/* 通用 .gantt-btn 基础按钮样式 */
|
||||
.gantt-btn {
|
||||
padding: 10px 20px;
|
||||
border-radius: 4px;
|
||||
font-size: 14px;
|
||||
@@ -17,66 +17,66 @@
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.btn:disabled {
|
||||
.gantt-btn:disabled {
|
||||
cursor: not-allowed;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
/* 通用 .btn-default 按钮样式(亮色+暗黑模式) */
|
||||
.btn-default {
|
||||
/* 通用 .gantt-btn-default 按钮样式(亮色+暗黑模式) */
|
||||
.gantt-btn-default {
|
||||
background: var(--gantt-bg-secondary, #f5f7fa);
|
||||
border-color: var(--gantt-border-medium, #dcdfe6);
|
||||
color: var(--gantt-text-secondary, #8d9095);
|
||||
}
|
||||
|
||||
.btn-default:hover:not(:disabled) {
|
||||
.gantt-btn-default:hover:not(:disabled) {
|
||||
border-color: var(--gantt-border-dark, #c0c4cc);
|
||||
color: var(--gantt-primary, #409eff);
|
||||
background: var(--gantt-bg-hover, #f0f1f3);
|
||||
}
|
||||
|
||||
/* 暗黑主题下 .btn-default 全局样式 */
|
||||
:global(html[data-theme='dark']) .btn-default {
|
||||
/* 暗黑主题下 .gantt-btn-default 全局样式 */
|
||||
:global(html[data-theme='dark']) .gantt-btn-default {
|
||||
background: var(--gantt-bg-tertiary, #454545) !important;
|
||||
border-color: var(--gantt-border-color, #dcdfe6) !important;
|
||||
color: var(--gantt-text-white, #ffffff) !important;
|
||||
}
|
||||
|
||||
:global(html[data-theme='dark']) .btn-default:hover:not(:disabled) {
|
||||
:global(html[data-theme='dark']) .gantt-btn-default:hover:not(:disabled) {
|
||||
background: var(--gantt-bg-hover, rgba(255, 255, 255, 0.1)) !important;
|
||||
border-color: var(--gantt-primary, #409eff) !important;
|
||||
color: var(--gantt-primary, #409eff) !important;
|
||||
}
|
||||
|
||||
/* 通用 .btn-primary 按钮样式 */
|
||||
.btn-primary {
|
||||
/* 通用 .gantt-btn-primary 按钮样式 */
|
||||
.gantt-btn-primary {
|
||||
background: var(--gantt-primary, #409eff);
|
||||
border-color: var(--gantt-primary, #409eff);
|
||||
color: #fff;
|
||||
}
|
||||
.btn-primary:hover:not(:disabled) {
|
||||
.gantt-btn-primary:hover:not(:disabled) {
|
||||
background: #66b1ff;
|
||||
border-color: #66b1ff;
|
||||
}
|
||||
|
||||
/* 通用 .btn-danger 按钮样式 */
|
||||
.btn-danger {
|
||||
/* 通用 .gantt-btn-danger 按钮样式 */
|
||||
.gantt-btn-danger {
|
||||
background: var(--gantt-danger, #f56c6c);
|
||||
border-color: var(--gantt-danger, #f56c6c);
|
||||
color: #fff;
|
||||
}
|
||||
.btn-danger:hover:not(:disabled) {
|
||||
.gantt-btn-danger:hover:not(:disabled) {
|
||||
background: #f78989;
|
||||
border-color: #f78989;
|
||||
}
|
||||
|
||||
/* 通用 .btn-warning 按钮样式 */
|
||||
.btn-warning {
|
||||
/* 通用 .gantt-btn-warning 按钮样式 */
|
||||
.gantt-btn-warning {
|
||||
background: var(--gantt-warning, #e6a23c);
|
||||
border-color: var(--gantt-warning, #e6a23c);
|
||||
color: #fff;
|
||||
}
|
||||
.btn-warning:hover:not(:disabled) {
|
||||
.gantt-btn-warning:hover:not(:disabled) {
|
||||
background: #ebb563;
|
||||
border-color: #ebb563;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user