@Styles装饰器:定义组件重用样式

77 阅读1分钟

定义

如果每个组件的样式都需要单独设置,在开发过程中会出现大量代码在进行重复样式设置,虽然可以复制粘贴,但为了代码简洁性和后续方便维护,我们推出了可以提炼公共样式进行复用的装饰器@Styles。

@Styles装饰器可以将多条样式设置提炼成一个方法,直接在组件声明的位置调用。通过@Styles装饰器可以快速定义并复用自定义样式。用于快速定义并复用自定义样式。

特点:封装通用样式

装饰器使用说明

  • 当前@Styles仅支持通用属性通用事件

  • @Styles方法不支持参数,反例如下。

    // 反例: @Styles不支持参数
    @Styles function globalFancy (value: number) {
        .width(value)
    }
    
  • @Styles可以定义在组件内全局,在全局定义时需在方法名前面添加function关键字,组件内定义时则不需要添加function关键字。