diff --git a/Touchkebao/src/pages/pc/ckbox/powerCenter/index.module.scss b/Touchkebao/src/pages/pc/ckbox/powerCenter/index.module.scss index 41aa615e..2eb34c95 100644 --- a/Touchkebao/src/pages/pc/ckbox/powerCenter/index.module.scss +++ b/Touchkebao/src/pages/pc/ckbox/powerCenter/index.module.scss @@ -33,9 +33,8 @@ .tab { border-radius: 8px; border: 1px solid #e0e0e0; - margin-right: 8px; color: #666; - + &:hover { color: #1890ff; border-color: #1890ff; @@ -137,7 +136,7 @@ .headerRight { width: 100%; - + .tabs { flex-wrap: wrap; } @@ -152,7 +151,7 @@ .header { padding: 16px; - + .headerLeft { .title { font-size: 24px; @@ -163,22 +162,22 @@ .cardGrid { .featureCard { height: 160px; - + .cardContent { .iconWrapper { width: 48px; height: 48px; - + .icon { font-size: 20px; } } - + .cardInfo { .cardTitle { font-size: 14px; } - + .cardDescription { font-size: 11px; } @@ -195,44 +194,44 @@ &[data-color="#ff6b35"] .iconWrapper { background: linear-gradient(135deg, #ff6b35, #f7931e); } - + // SOP群发 - 蓝色 &[data-color="#4285f4"] .iconWrapper { background: linear-gradient(135deg, #4285f4, #1a73e8); } - + // 朋友圈营销 - 绿色 &[data-color="#34a853"] .iconWrapper { background: linear-gradient(135deg, #34a853, #137333); } - + // 标签管理 - 紫色 &[data-color="#9c27b0"] .iconWrapper { background: linear-gradient(135deg, #9c27b0, #7b1fa2); } - + // 客户管理 - 靛蓝 &[data-color="#6366f1"] .iconWrapper { background: linear-gradient(135deg, #6366f1, #4f46e5); } - + // 沟通记录 - 青色 &[data-color="#06b6d4"] .iconWrapper { background: linear-gradient(135deg, #06b6d4, #0891b2); } - + // 内容管理 - 黄色 &[data-color="#f59e0b"] .iconWrapper { background: linear-gradient(135deg, #f59e0b, #d97706); } - + // AI训练 - 粉色 &[data-color="#ec4899"] .iconWrapper { background: linear-gradient(135deg, #ec4899, #db2777); } - + // 自动打招呼 - 翠绿 &[data-color="#10b981"] .iconWrapper { background: linear-gradient(135deg, #10b981, #059669); } -} \ No newline at end of file +}