暗色模式
组件变体
变体让一个组件集包含多个状态或样式变体,通过属性值切换。
创建变体
- 创建主组件后,在属性面板点击「添加变体」
- 或选中多个组件 → 右键 → 「合并为变体集」
- 定义属性(如:Size=Small/Medium/Large,State=Default/Hover/Disabled)
切换变体
选中实例后,在属性面板的变体下拉框中选择不同属性值组合。
变体最佳实践
- 用描述性属性名:Type(类型)、Size(尺寸)、State(状态)
- 属性值保持简短:Small/Medium/Large,非 Size1/Size2/Size3
- 不要在一个变体集中包含过多属性(建议不超过 4 个属性维度)
常见问题
| 问题 | 解决方法 |
|---|---|
| 变体切换后实例位置偏移 | 确保所有变体尺寸一致 |
| 无法添加新属性 | 在主组件属性面板「变体属性」中添加 |