w3cschool 编程狮,随时随地学编程
下载APP
|
登录
个人中心
首页
入门教程
编程课程
特色实战
畅学全站
Mint UI 中文文档
开始阅读
下载APP,阅读更畅快
教程说明:
Mint UI 包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要。通过它,可以快速构建出风格统一的页面,提升开发效率。
真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件,无需再纠结文件体积过大。
考虑到移动端的性能门槛,Mint UI 采用 CSS3 处理各种动效,避免浏览器进行不必要的重绘和重排,从而使用户获得流畅顺滑的体验。
依托 Vue.js 高效的组件化方案,Mint UI 做到了轻量化。即使全部引入,压缩后的文件体积也仅有 ~30kb (JS + CSS) gzip。
教程目录:
Mint UI 安装-Install
Mint UI 快速上手教程-Quick
JS 组件
Mint UI 简单的消息提示框-Toast
Mint UI 加载提示框-Indicator
Mint UI 下拉/上拉刷新-Loadmore
Mint UI 无限滚动指令-Infinite Scroll
Mint UI 弹出式提示框-Message Box
Mint UI 操作表-Action Sheet
Mint UI 弹出框-Popup
Mint UI 轮播图 - Swipe
Mint UI 图片懒加载指令-Lazy Load
Mint UI 滑块-Range
Mint UI 进度条-Progress
Mint UI 选择器-Picker
Mint UI 日期时间选择器-Datetime Picker
Mint UI 索引列表-Index List
Mint UI 调色板按钮-Palette Button
CSS 组件
Mint UI 顶部导航栏-Header
Mint UI 底部选项卡-Tabbar
Mint UI 顶部选项卡-Navbar
Mint UI 按钮-Button
Mint UI 单元格-Cell
Mint UI 可滑动的单元格-Cell Swipe
Mint UI 加载动画-Spinner
Mint UI 面板- Tab Container
Mint UI 搜索框-Search
Form 组件
Mint UI 开关-Switch
Mint UI 复选框列表-Checklist
Mint UI 单选框列表-Radio
Mint UI 表单编辑器-Field
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录
Mint UI 安装-Install
Mint UI 快速上手教程-Quick
JS 组件
Mint UI 简单的消息提示框-Toast
Mint UI 加载提示框-Indicator
Mint UI 下拉/上拉刷新-Loadmore
Mint UI 无限滚动指令-Infinite Scroll
Mint UI 弹出式提示框-Message Box
Mint UI 操作表-Action Sheet
Mint UI 弹出框-Popup
Mint UI 轮播图 - Swipe
Mint UI 图片懒加载指令-Lazy Load
Mint UI 滑块-Range
Mint UI 进度条-Progress
Mint UI 选择器-Picker
Mint UI 日期时间选择器-Datetime Picker
Mint UI 索引列表-Index List
Mint UI 调色板按钮-Palette Button
CSS 组件
Mint UI 顶部导航栏-Header
Mint UI 底部选项卡-Tabbar
Mint UI 顶部选项卡-Navbar
Mint UI 按钮-Button
Mint UI 单元格-Cell
Mint UI 可滑动的单元格-Cell Swipe
Mint UI 加载动画-Spinner
Mint UI 面板- Tab Container
Mint UI 搜索框-Search
Form 组件
Mint UI 开关-Switch
Mint UI 复选框列表-Checklist
Mint UI 单选框列表-Radio
Mint UI 表单编辑器-Field
关闭
MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }