mintui文档,mintui中文官网
mint ui 的Datetime picker 的 startHour以及endHour怎么使用??我设置了完全没有反应呢
mint-ui框架只提供 当type=“time”时，设置starthour与endhour才有效，具体代码如下：如果想让 type ！=“time”时生效，需将底层做些处理，如下：
但是改动后，会有一些问题
上图所示，当endHour 大于 startDate的 hour时，代码能正常运行。
当endHour 小于 startDate的 hour时，代码不能正常运行。
mint-ui toast怎么用
两种用法。第二种用法，是官方文档介绍的方法，但是需要先引入。因为Toast无法像全局变量一样使用，只能即时引入。
几款实用的VUE移动端UI框架
文档地址：
演示地址：
基于webpack+vue-loader+vux可以快速开发移动端页面，配合vux-loader方便你在WeUI的基础上定制需要的样式（下拉刷新上拉加载组件不再维护，其余组件相对丰富）
文档地址：
演示地址：
?一个基于?vue.js?和?ionic?样式的 UI 框架，用于快速构建移动端单页应用，很简约
文档地址：
演示地址：
滴滴 WebApp 团队 实现的 基于 Vue.js 实现的精致移动端组件库；组件效果优；视觉效果很棒
文档地址：
演示地址：
最接近原生APP体验的高性能前端框架
文档地址：
演示地址：
有赞前端团队基于有赞统一的规范实现的 Vue 组件库，提供了一整套 UI 基础组件和业务组件
文档：
演示地址：
一套京东风格的轻量级移动端Vue组件库
特性
跨平台，自动转微信小程序组件（稍后上线，敬请期待）
30+ 京东移动端项目正在使用
基于京东APP 7.0 视觉规范
支持按需加载
详尽的文档和示例
支持定制主题
支持多语言（国际化）
支持 TypeScript
支持服务端渲染（Vue SSR）
单元测试加持
配套有基于Webpack的构建工具，可快速创建已内置本组件库的Vue工程
Mint UI popup 的使用
一 安装
1.? npm 安装
? ? ?npm i mint-ui@1 -S?
2? 使用?
importVuefrom'vue'
importMintUIfrom'mint-ui'
import'mint-ui/lib/style.css'
importAppfrom'./App.vue'
Vue.use(MintUI)
newVue({
el:'#app',
components: { App }
})
安装 babel-plugin-component：
??npm install babel-plugin-component -D
然后，将 .babelrc 修改为：
3 使用?Popup 组件
（1） 在你的vue文件里面引入这个组件??
? ?import?{?MessageBox,?Popup,?Button?}?from?"mint-ui";?
? ? 其他两个是其他的组件，需要的话 直接在后面加入就可以了
（2） 复制粘贴 组件
??????????mt-popup?v-model="popupVisible"
??????????????????position="center"
??????????????????class="dddddd"
??????????????????modal=false?
??div? 内容/div
????????????mt-button?type="primary "
???????????????????????@click="btnPop"
???????????????????????class="btnPop"我知道了/mt-button
????????/mt-popup
1如果弹窗需要设置??border-radius 这个属性 但是组件里面的div设置不生效的话，可以试试给组件起个class名字 然后再去设置，因为的我的不管用。
2.组件里面的div可以正常写你所需要的样式和需求
3，mt-button也是mint-ui的组件? 可以用按钮的方法 关闭弹窗
4，需要在data里面设置初始值为false 然后?methods 里面正常写弹窗打开关闭的方法就可以了?
第一天
用mint-ui，怎么引入那些ui组件
port routes from './router.js'
import MintUI from 'mint-ui';
import 'mint-ui/lib/style.css';
mint-ui里的badge怎么用
首先放上mint-ui中文文档
近来在使用mint-ui，发现部分插件在讲解上并不是很详细，部分实例找不到使用的代码。github上面的分享，里面都是markdown文件，内容就是网上的文档
刚好自己在用，网上能找到的资料也不是很详细，自己写写咯。持续更新...emmmmm，应该可以吧，我这么懒。希望能给别人带来帮助。
介绍一下mint-ui的特性
特性介绍
Mint UI 包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。通过它，可以快速构建出风格统一的页面，提升开发效率。
真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件，无需再纠结文件体积过大。
考虑到移动端的性能门槛，Mint UI 采用 CSS3 处理各种动效，避免浏览器进行不必要的重绘和重排，从而使用户获得流畅顺滑的体验。
依托 Vue.js 高效的组件化方案，Mint UI 做到了轻量化。即使全部引入，压缩后的文件体积也仅有 ~30kb (JS + CSS) gzip。
这个组件库，适合于基于vue的手机页面开发。
1.cell的使用
先丢个图↓
在做switch的时候，想做成文字和switch在列表的两侧。效果出不来，发现有很多人跟我一样死命的钻switch的文档，以及找switch的相关资料。然后实际上，应该用cell才对。
?
123? ?mt-cell title="开关状态"?mt-switch v-model="openValue" @change="changeStatus"/mt-switch/mt-cell? ?
利用cell的布局，和switch相结合。产生下面的结果。
2.Infinite scroll 和 Navbar结合使用
Navbar 是这样的↓
Infinite scroll 是这样的↓
两个结合起来，就是把Infinite scroll嵌套在?mt-tab-container-item id="1"/mt-tab-container-item里面，然后效果就出来了。
简单的就是酱紫的。
?
12345678910111213141516171819202122? ?mt-navbar v-model="selected" ?mt-tab-item id="1"选项一/mt-tab-item?mt-tab-item id="2"选项二/mt-tab-item/mt-navbarmt-tab-container v-model="selected"?mt-tab-container-item id="1"?div v-infinite-scroll="loadMore"??infinite-scroll-disabled="loading"??infinite-scroll-distance="10"??class="content"??/div?/mt-tab-container-item?mt-tab-container-item id="2"?div v-infinite-scroll="loadMoreReceive"??infinite-scroll-disabled="loadingReceive"??infinite-scroll-distance="10"??class="content"??/div?/mt-tab-container-item/mt-tab-container? ?
这样基本页面就出来了。