支持workspace模式导入文件,css类名改名以避免和外部模块冲突

1,源码导入存在uniapp中canvas标签失效问题,所以使用dist导入
This commit is contained in:
qiuchengw
2025-11-16 18:43:01 +08:00
parent ae82e29947
commit d77e1fddc5
11 changed files with 119 additions and 108 deletions
+18 -18
View File
@@ -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;
}