|
|
@@ -3962,31 +3962,30 @@ onUnmounted(() => {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- // 要素 Tab 切换 - V2 风格
|
|
|
- .element-tabs {
|
|
|
- display: flex;
|
|
|
- gap: 8px;
|
|
|
+ // 要素 Tab 切换 - V2 风格
|
|
|
+ .element-tabs {
|
|
|
+ display: flex;
|
|
|
+ gap: 8px;
|
|
|
+
|
|
|
+ .element-tab {
|
|
|
+ padding: 6px 12px;
|
|
|
+ border-radius: 12px;
|
|
|
+ background: transparent;
|
|
|
+ border: 1px solid transparent;
|
|
|
+ font-size: 13px;
|
|
|
+ cursor: pointer;
|
|
|
+ color: var(--text-2);
|
|
|
+ transition: all 0.2s;
|
|
|
|
|
|
- .element-tab {
|
|
|
- padding: 6px 12px;
|
|
|
- border-radius: 12px;
|
|
|
- background: transparent;
|
|
|
- border: 1px solid transparent;
|
|
|
- font-size: 13px;
|
|
|
- cursor: pointer;
|
|
|
- color: var(--text-2);
|
|
|
- transition: all 0.2s;
|
|
|
-
|
|
|
- &:hover {
|
|
|
- background: var(--bg);
|
|
|
- }
|
|
|
-
|
|
|
- &.active {
|
|
|
- background: var(--primary);
|
|
|
- color: #fff;
|
|
|
- border-color: rgba(0, 0, 0, 0.04);
|
|
|
- box-shadow: var(--shadow-md);
|
|
|
- }
|
|
|
+ &:hover {
|
|
|
+ background: var(--bg);
|
|
|
+ }
|
|
|
+
|
|
|
+ &.active {
|
|
|
+ background: var(--primary);
|
|
|
+ color: #fff;
|
|
|
+ border-color: rgba(0, 0, 0, 0.04);
|
|
|
+ box-shadow: var(--shadow-md);
|
|
|
}
|
|
|
}
|
|
|
}
|