当前位置: 首页 > 工具软件 > Labrador > 使用案例 >

labrador使用~~~al-ui的使用

萧韬
2023-12-01

al-ui

labrador组件的基础样式库

  • 目前基础样式已经完备,其他各种样式仍在开发

使用方式

在less组件中直接引用,然后就可以在你的样式文件中使用less变量和mixin

@import 'al-ui';

.foo{
  .padding-bottom-large;
  color: @success;
  font-size: @font-size-large;
}

也可以在组件XML中使用已定义的class

<view class="margin-large">
  <button class="btn btn-success btn-block">Submit</button>
</view>
不必担心引用整个样式库会导致你的组件变得很庞大,因为在小程序发布时labrador build -m命令的-m参数能够强力的压缩less文件,会将所有未用到的class丢弃,只保留用到的
 类似资料: