基于Vue.js的,强调定制化和实用性的,移动端UI组件库。在线体验 vha-components中文文档
添加npm包到项目。或者直接下载添加到项目目录任意修改
npm install vha-components --save
在main.js内引入组件库
// import
import Vue from 'vue'
// import vhaComponents from '../vha-components' 直接下载添加到项目目录
import vhaComponents from 'vha-components'
Vue.use(vhaComponents)
全局使用 rpx() (根目录建立vue.config.js文件内配置)
module.exports = {
css: {
loaderOptions: {
stylus: {
// import: [__dirname + '/vha-components/src/assets/stylus/method.styl'] 直接下载添加到项目目录
import: ['~vha-components/src/assets/stylus/method.styl']
}
}
}
}
1.新增 - navbar路由控制显示隐藏