当前位置: 首页 > Web前端 > vue.js

vue移动端适配amfe-flexible

时间:2023-03-31 15:04:16 vue.js

1。首先下载:npminstallpx2rem-loader--savenpminstallamfe-flexible--save2。Main.js导入:importVuefrom'vue'importAppfrom'./App'importrouterfrom'./router'//remh5adaptationimport'amfe-flexible/index.js'Vue.config.productionTip=false/*eslint-disableno-new*/newVue({el:'#app',router,components:{App},template:''})3.在utils.js:exports.cssLoaders下添加构建文件夹:constpx2remLoader={loader:'px2rem-loader',options:{remUnit:75}}constloaders=options.usePostCSS?[cssLoader,postcssLoader]:[cssLoader]更改为:constloaders=options.usePostCSS?[cssLoader,postcssLoader,px2remLoader]:[cssLoader,px2remLoader]关于1px转换问题:1px转换为rem后,部分手机显示模糊或不显示。解决方法:将px大写,即1px写成1PX