属性 | 注释 | 默认属性 | 类型 |
---|---|---|---|
height |
高度 | 1080 | number |
width |
宽度 | 1920 | number |
1920:1080
// 局部引入
import { SacleBox } from 'sacle-box'
import 'sacle-box/style.css'
// 全局引入
import SacleBox from 'sacle-box'
import 'sacle-box/style.css';
app.use(SacleBox);
<div>
<SacleBox>
<div class='container'></div>
</SacleBox>
</div>
// 注:由于没有单独开发typeScript类型,全局注册组件后组件类型提示为any
// 解决办法:在vue-shim.d.ts中添加
declare module '@vue/runtime-core' {
export interface GlobalComponents {
SacleBox: typeof import('sacle-box')['SacleBox'],
}
}