屏幕适配

玩法组件相对一般UI组件库来说有些区别，其更注重元素件相对位置以及更注重动画

所以玩法组件一般都使用绝对定位（position: absolute）来实现

而其中涉及到屏幕适配相关的也由为重要

设计分辨率

当前使用750px当做屏幕宽度来设计各种玩法组件

自适应屏幕

当前移动端涉及到屏幕自适应主要有vw和rem等方案，而为了让玩法组件能够适应各种情况，故所有玩法组件都会继承Resolution.ts。 该基类会提供为配置的样式数值增加单位的作用

Resolution.ts

其提供了一些方法和属性

基本类型定义

// 样式值定义
export type StyleValueType = string | number;
// 样式对象定义
export type StyleType = Record<string, StyleValueType>;
// 增加单位的方法
export type addUnitFuncType = (v: StyleValueType) => string;

Props

参数	说明	类型	默认值
forceUnitFunc	自定义屏幕适配转换方法	addUnitFuncType	undefined

Methods

名称	入参	出参	说明
addUnitFunc	StyleValueType	string	单位转换方法（仅处理数字），优先使用forceUnitFunc，若未定义则按照750=100vw来转换
addUnitForAll	StyleType	StyleType	对样式对象中所有数字样式进行转换处理