Functions
createFlexible()
createFlexible(
options
):object
创建基于 rem
的灵活布局工具
Parameters
Parameter | Type | Description |
---|---|---|
options | CreateFlexibleOptions | 配置项 |
Returns
object
off()
off: (
callback
) =>void
移除 rem
更新回调
Parameters
Parameter | Type |
---|---|
callback | FlexibleCallback |
Returns
void
on()
on: (
callback
,once
?) =>_EventHookOff
注册 rem
更新回调
Parameters
Parameter | Type |
---|---|
callback | FlexibleCallback |
once ? | boolean |
Returns
_EventHookOff
Example
ts
const flexible = createFlexible()
// 注册监听
const off = flexible.on(() => {
console.log('rem 更新了!')
})
// 移除监听
off()
setup()
setup: () =>
void
安装 rem
灵活布局功能
- 设置根字体大小
- 设置
document.body
字体大小 - 添加页面监听器
Returns
void
unmount()
unmount: () =>
void
卸载 rem
灵活布局功能
- 还原根字体大小
- 还原
document.body
字体大小 - 移除页面监听器
Returns
void
Example
ts
const { setup, unmount } = createFlexible({
rootFontSize: 16,
bodyFontSize: 'inherit'
})
setup() // 安装灵活布局功能
unmount() // 卸载灵活布局功能
Interfaces
CreateFlexibleOptions
Properties
Property | Type | Description |
---|---|---|
bodyFontSize? | MaybeFn <Numeric > | document.body 字体大小 Default 'inherit' |
rootFontSize? | MaybeFn <Numeric > | 根字体大小 Default 16 |