1,使用vue-cli脚手架生成项目骨架,略。
2,相关配置:
rem适配:
index . html加入以下代码,并在头脑中加入以下元;
& lt; script>
(函数(医生,赢得){
var docEl=doc.documentElement,
resizeEvt=' orientationchange '窗口& # 63;“orientationchange”:“调整”,
recalc=function () {
var clientWidth=docEl.clientWidth;
如果(! clientWidth)返回;
docEl.style。字形大?100 * (clientWidth/750) +“px”;
};
如果(! doc.addEventListener)返回;
赢了。addEventListener (resizeEvt recalc,假);
医生。addEventListener (DOMContentLoaded”内,recalc假);
})(文档、窗口);
& lt;/script>
代码如下:& lt;元name="视窗"内容=翱矶?设备宽度,初始=1,最大范围=1.0,shrink-to-fit=不,user-scalable=0 "在
3,按照mint-ui的官网对按需引用进行配置,.babelrc文件(安装相关的包)
{
“预设”:(
(“env”{“模块”:假}]
),
“插件”:[“transform-vue-jsx”、“transform-runtime”[“组件”,
{
:“libraryName mint-ui”,
“风格”:真的
}
]]]
}
4,相关装载机配置
安装npm我postcss-px2rem-exclude——save-dev
进入构建/vue-loader.conf.js文件
5,在页面中按需引入即可
6,仅此而已! ! !
,以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
