vux是移動端UI組件庫? https://vux.li/demos/v2/#/
在項目里打開終端 輸入命令行 安裝vux：npm i -s vux
在package.json 中可以看到安裝的依賴版本號
記得安裝 npm i -D less less-loader
還要安裝 npm install vux-loader --save-dev
然后在build/webpack.base.conf.js中 修改
const vuxLoader = require('vux-loader')
const webpackConfig =
然后在最下面添加
module.exports = vuxLoader.merge(webpackConfig, {
? plugins: ['vux-ui']
})
然后就會在body里面成功添加vux_view_box_body 這個div
在App.vue清樣式咯
html,body{
? ? margin: 0;
? ? width: 100%;
? ? height: 100%;
? ? overflow-x: hidden;
? }
記得給最外層的添加高度為100% 不然會撐不起來
? #app{
? ? height: 100%;
? }
然后引入樣式重置 直接在html,body上面引入就行
@import '~vux/src/styles/reset.less';
會報錯 需要<style>中添加 lang="less"
<style style="less">
