第三方库使用
$3
$3
npm install @feenan/scalebox-react
$3
在React项目中,当你需要开发大屏,希望宽高保持固定比例自适应视口或者其他容器展示时。
$3
``
jsx
import ScaleBox from '@feenan/scalebox-react'
import '@feenan/scalebox-react/lib/index.css'
这里是具体的被放缩的子组件
`
$3
`
jsx
import ScaleBox from '@feenan/scalebox-react'
import '@feenan/scalebox-react/lib/index.css'
这里是具体的被放缩的子组件
``
$3
| 属性 | 说明 | 类型 | 默认值 |
| ------- | ------------------------------------------------------- | ------------| ------|
| width | 大屏初始宽 | number | - |
| height | 大屏初始高 | number | - |
| isFullScreen | 是否自适应视口宽高(window.innerWidth/window.innerHeight)| boolean | - |
| container | 是否自适应该DOM元素宽高 | HTMLElement | - |
本地调试
$3
npm run start
$3
npm run test
本地打包
npm run build