这是一个基于vue的看板自适应组件,使用的时候只要按照1920*1080尺寸制作页面即可自适应
1、全局引入:(在main.js引入即可)
import TvScreenFit(自定义,随意命名) from 'tv-screen-fit'
Vue.component('tv-screen-fit', TvScreenFit)
...
<tv-screen-fit></tv-screen-fit>
2、局部引入:(在组件内部引入即可)
import TvScreenFit(自定义,随意命名) from 'tv-screen-fit'
...
components: {
TvScreenFit
}
...
<TvScreenFit></TvScreenFit>
暴露的接口: slot: (默认插槽,里面写页面内容即可)