LwuCSS

Appearance

On this page

排版 ​

字体大小 ​

用来控制元素字体大小的功能类

使用前缀 ​

为了防止和开发者项目中的其他原子化样式语法冲突，样式库默认添加了前缀 lwu，使用示例如下：

vue
<view class="lwu-flex"></view>

语法 ​

ClassProperties平台兼容性说明
text-basefont-size: 0.875rem;
line-height: 0.875rem * 1.4;		H5、小程序、app-vue、app-nvue
text-smfont-size: 0.75rem;
line-height: 0.75rem * 1.4;		H5、小程序、app-vue、app-nvue
text-xsfont-size: 0.625rem;
line-height: 0.625rem * 1.4;		H5、小程序、app-vue、app-nvue
text-lgfont-size: 1rem;
line-height: 1rem * 1.4;		H5、小程序、app-vue、app-nvue
text-xlfont-size: 1.25rem;
line-height: 1.25rem * 1.4;		H5、小程序、app-vue、app-nvue
text-2xlfont-size: 1.5rem;
line-height: 1.5rem * 1.4;		H5、小程序、app-vue、app-nvue
text-4xlfont-size: 2.25rem;
line-height: 2.25rem * 1.4;		H5、小程序、app-vue、app-nvue
text-5xlfont-size: 3rem;
line-height: 3rem * 1.4;		H5、小程序、app-vue、app-nvue
text-6xlfont-size: 4rem;
line-height: 4rem * 1.4;		H5、小程序、app-vue、app-nvue