提问：有没有办法使用同一风格属性的不同变体？

Question

注意：这是在风格管理器的背景下。

有没有办法使用同一风格属性的不同变体？

例如，当我在非文本节点组件上使用文本对齐属性时，我希望标签显示为“对齐内容”，并有“左”、“右”和“中心”选项。然而，当文本节点显示“文本对齐”属性时，我希望标签显示为“对齐文本”，并有“左”、“右”、“居中”和“对齐”选项。

我在GitHub上查过文档和相关问题，但似乎找不到任何答案。

有人知道怎么实现吗？

提前感谢大家！

Ju99ernaut · Accepted Answer

我觉得用API做不到，另外“文本对齐”对非文本组件有效吗？你可能需要使用“flexbox”中的“align-content”属性

artf · Answer

你应该尝试用Component的'styleable-require'属性来显示特定的style属性（标记为'toRequire'），并用'unstylable'显示不需要的属性。 “''js 编辑。Components.addType（'...'， { 型号：{ 默认值：{ 'styleable-require'： ['align-content']， 不可样式化：['text-align']， } } }); 在你的StyleManager配置中 buildProps： [...， '文本对齐'， '内容对齐']， 性质： [{ // ... 属性：“align-content”， toRequire： true， // <-- 如果组件不需要，这个属性将被隐藏 }] ```

Joshmamroud · Answer

@artf 感谢你的回复。

在这种情况下，使用带有flex列和行的“align-content”属性时，我仍然会遇到问题。对于列，我希望选项分别为：“顶部”、“中心”、“底部”;对于行，我希望选项分别是：“左”、“中”、“右”。

我的用户对CSS不太熟悉，更别说Flexbox了，使用“Start”、“Center”和“End”这样的操作体验不会像我希望的那么好。

你还有其他建议吗？

谢谢你，乔什

提问：有没有办法使用同一风格属性的不同变体？

问题

回答（3）

相关问答

符号在逐步加载页面时会断裂（实例丢失__symbol链接）

符号样式未同步

无法调整图片大小

重复链接通过RTE添加

与此问题匹配的付费插件

浏览插件分类