Vue-Vant

详情可见

1.什么是Vant?
在使用MintUI的过程中发现有很多的坑, 所以个人不推荐在移动端中选择MintUI
Vant是有赞前端开发团队又推出的一款基于Vue的移动端UI框架
大白话: 和Bootstrap一样对原生的HTML标签进行了封装, 进行了美化, 让我们
能够专注于业务逻辑而不是UI界面

2.Vant使用
 https://youzan.github.io/vant/#/zh-CN/intro
（1）通过 npm 进行安装
	# Vue 3 项目，安装最新版 Vant
	npm i vant
	
	# Vue 2 项目，安装 Vant 2
	npm i vant@latest-v2

（2）推荐按需导入vant 安装插件
	npm i babel-plugin-import -D

（3）在.babelrc 或 babel.config.js 中添加配置：
	module.exports = {
	  presets: [
	    '@vue/cli-plugin-babel/preset'
	  ],
	  plugins: [
	    ['import', {
	      libraryName: 'vant',
	      libraryDirectory: 'es',
	      style: true
	    }, 'vant']
	  ]
	}

（4）导入组件 列如使用NavBar ,Card,SubmitBar
	import Vue from 'vue'
	import { NavBar ,Card,SubmitBar} from 'vant';
	import App from './App.vue'
	Vue.use(NavBar);
	Vue.use(Card);
	Vue.use(SubmitBar);
	new Vue({
	  render: h => h(App),
	}).$mount('#app')