vue-autofit大屏展示自适应

最新推荐文章于 2024-08-09 08:18:28 发布

咸蛋超人l

最新推荐文章于 2024-08-09 08:18:28 发布

阅读量621

点赞数 9

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_50636536/article/details/130749911

版权

// 下载： npm i vue-autofit
// 引入： import autofit from 'vue-autofit'
// 开始： autofit.init()
// 使用： 
export default {  
  mounted() {
  autofit.init({
        designHeight: 1080,
        designWidth: 1920,
        renderDom:"#app",
        resize: true
    })
  },
}
 
// 参数分别为:
   * - renderDom（可选）：渲染的dom，默认是 "#app"，必须使用id选择器 
   * - designWidth（可选）：设计稿的宽度，默认是 1920 
   * - designHeight（可选）：设计稿的高度，默认是 929 ，如果项目以全屏展示，则可以设置为1080
   * - resize（可选）：是否监听resize事件，默认是 true