Lyui Rem

lyui-rem rem单位

介绍

该组件可以将内容支持rem写法

使用方法

import "../../components/lyui-rem/lyui-rem.stml";

例子

<lyui-rem size="32">
    <text rem="0.675">这里是0.675rem文字</text>
</lyui-rem>

props 属性

参数 说明 类型 默认值
size 根字体大小, 选填 string \ number 16

帮助说明

该组件会遍历子节点, 不建议嵌套较复杂的内容, 可以拆分多个进行嵌套.
如果已经设置`style="font-size: 14px;"`那么rem属性将不会生效.
    ...
    <lyui-rem size="32">
        <view>
            <text rem="0.675">这里是0.675rem文字</text>
        </view>
    </lyui-rem>
    <view></view>
    <lyui-rem size="32">
        <view>
            <text rem="1">这里是1rem文字</text>
        </view>
    </lyui-rem>
    ...