vue mint-ui

官网：https://mint-ui.github.io/docs/#/zh-cn2

安装：npm install mint-ui

mint-ui也是vue家族的插件，因此用use方法安装：Vue.use(MintUI)

组件的特点：都是以mt为前缀的。

组件有三类：

　　css组件 负责布局样式

　　表单组件 负责表单交互

　　js组件 负责交互功能

需要引入样式文件： mint-ui/lib/style.css

以下简单记一些组件，更多查看官网，比较详细。

CSS 组件

mt-button 按钮

mt-header 定义头部

mt-search 定义搜索框

　　v-model 绑定数据

　　placeholder定义提示文案

mt-cell 定义行文本

　　title定义左侧内容

　　value定义右侧内容

mt-navbar 定义导航栏

mt-tabbar 定义tab栏

　　v-model绑定数据

　　mt-tab-item定义每一个tab按钮

　　通过id属性定义tab的值

mt-tab-container 页面容器

　　v-model绑定数据

　　mt-tab-container-item定义每一个页面

　　通过id属性定义tab的值

表单组件

mt-radio 单选列表

mt-checklist 多选列表

mt-field 定义输入框

mt-swtich 定义开关

都可以通过v-model绑定数据

JS 组件

mt-swiper 定义轮播图

　　mt-swipe-item定义每一项

mt-popup 定义弹出框

mt-index-list 索引列表

mt-loadmore 加载更多组件

下拉 刷新（可以模拟）

上滑 加载更多

注意在这个方法的最后需要手动调用 demo的 onTopLoaded 事件。这是因为在加载数据后需要对组件进行一些重新定位的操作。

----------------------------------------------------------------------------------------------------------------------------