UNPKG

vant-ui

Version:
64 lines (49 loc) 1.32 kB
# Vant-ui this is vant components extend 这是vant组件库的扩展,其中包含vant原本所有组件以及本库的扩展组件。 已支持最新的 <a href="https://youzan.github.io/vant" target="_blank">__vant 2.x__</a> ### <a href="http://moerj.com/vant-ui/#/demo-markdown" target="_blank">Online demo</a> ## 特性 - 更完善的组件库 - 高级选择器组件 - 图片画廊 - 多级菜单 - 支持无限层级页面 ## 安装 ```shell npm i vant-ui ``` ### 核心 vant-ui内部已自动安装vant,请勿重复安装vant ```js import vantUI from 'vant-ui' Vue.use(vantUI); ``` ### 样式 组件库是基于scss的,如果报错请安装scss依赖 ```shell npm i sass-loader node-sass ``` 选装, 如果你想使用组件库提供的样式 ```js import 'vant-ui/scss/base.scss' ``` ## 浏览器支持 现代浏览器以及 Android 4.0+, iOS 6+ <br/><br/> ## vant-ui 移动端框架 如果你使用本脚手架搭建项目, 按以下操作 ### 修改组件为远程仓库 ```js // main.js import vantUI from 'vant-ui'; //npm库 // import vantUI from './vant-ui'; //本地库 ``` ### 删除新项目不需要的文件 - 删除本地组件库 src/vant-ui - 删除 src/pages/demo ## 部署demo ``` npm run build-demo ``` 使用ftp 将dist目录中的内容,推送到到 /upload/vant-ui