Skip to content

自定义属性

D2C PRO 会读取设计文件的组件属性。这使得将设计组件的属性直接映射到前端组件的属性变得非常方便。下图展示了此过程的一个示例:

parsing props

事实上,在某些特殊用例中,你可能需要解除组件绑定才能对其进行自定义。一旦解除绑定,该实例就不再是组件,因此缺少组件属性。

在这种情况下,你需要使用自定义属性将 props 插入元素的节点。即使解除绑定,D2C PRO 仍会读取其属性并将其正确解析为可用的前端组件。

写入自定义属性

选择一个元素,将当前组件的前端属性写入到节点中。请放心,写入节点的数据是隐藏的,不会影响页面布局。

TIP

建议你在组件库制作时,通过写入自定义属性,将这些属性插入到组件上。这样就算将它解除绑定,也不会丢失它的属性。

过滤器和自定义样式

D2C PRO 允许你为图层设置过滤样式。这些样式在解析成代码时会自动过滤。 你还可以为图层设置自定义样式。这些样式会在生成代码时写入到 classstyle 中。