vux是移動(dòng)端UI組件庫(kù)? https://vux.li/demos/v2/#/
在項(xiàng)目里打開(kāi)終端 輸入命令行 安裝vux：npm i -s vux
在package.json 中可以看到安裝的依賴版本號(hào)
記得安裝 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']
})
然后就會(huì)在body里面成功添加vux_view_box_body 這個(gè)div
在App.vue清樣式咯
html,body{
? ? margin: 0;
? ? width: 100%;
? ? height: 100%;
? ? overflow-x: hidden;
? }
記得給最外層的添加高度為100% 不然會(huì)撐不起來(lái)
? #app{
? ? height: 100%;
? }
然后引入樣式重置 直接在html,body上面引入就行
@import '~vux/src/styles/reset.less';
會(huì)報(bào)錯(cuò) 需要<style>中添加 lang="less"
<style style="less">
