README 
欢迎来到懒人世界
如果觉得好用,不要吝啬star(^▽^)
今后更新更多懒人插件,欢迎提bugs,交流,关注,star:
github
gitee
更多优秀插件:
A-super-comprehensive: vue-bootstrap-js-nodejs-html-css-mui-less等前端超级合集代码补全
A-super-themes: 荧光字体主题美化
A-super-translate: 英语小白必备悬浮翻译
A-super-change-case: 驼峰,下划线等词组格式互转
How to use
mui片段使用参考官网文档MUI中文文档
例:mui轮播图: mslider 或者 mui-lbt (使用轮播图缩写)
再举个栗子:
一套mui基础框架,你只需要
`mheader`(生成头部[关于顶部的mui会多选生成,如顶部选项卡,顶部标题栏,顶部导航栏等])
`mfooter`(同上,关于底部相关内容会直接生成)
`mbody`生成内容区
HTML部分
| Prefix |
JavaScript Snippet Content |
maccordion, mui-zd |
折叠面板[折叠二级列表] |
mbadge, mui-jb |
数字角标 |
mui-btn, mbtn |
button(按钮) |
mui-btn, mbutton |
加载中按钮 |
mui-card,mcard |
卡片视图[常用文章的预览图、作者信息、点赞数量等] |
mui-checkbox, mckeckbox |
复选框 |
maccordion, mui-czb |
操作表 |
mui-tsk, mui-alert, mui-dhk, mdalert |
提示框(警告对话框) |
mui-tsk, mui-confirm, mui-dhk, mdconfirm |
提示框(确认对话框) |
mui-tsk, mui-promptBtn, mui-dhk, mdprompt |
提示框(输入对话框) |
mui-tsk, mui-toastBtn, mui-dhk, mdtoast |
提示框(自动消失提示框) |
mui-close, mui-dhk, mui-tsk, mdclosepopup |
关闭最后一个对话框 |
mui-close, mui-dhk, mui-tsk, mdclosepopups |
关闭所有对话框 |
mui-lbt, mslider |
轮播图(不自持循环播放) |
mui-lbt, mslider |
轮播图(支持循环播放) |
mui-lg |
栅格系统介绍 |
mrow, mui-lg |
栅格行 |
mcolxs, mui-lg |
栅格列[小屏幕(≥400px) Small] |
mcolxs, mui-lg |
栅格列[超小屏幕(<400px)] |
minput, mui-bd |
表单(用户名密码提交) |
msearch, mui-ssk, minput |
搜索框 |
mpassword, mui-mmk, minput |
密码框 |
minput, mui-dhwb |
多行文本 |
mli |
list(普通列表) |
mli |
list(带向右导航箭头) |
mli |
list(带向右导航箭头) |
mli |
list(带右侧角标数字) |
mli |
list(三行列表) |
mli |
list(二级列表) |
mli |
list(图文列表)[图左文右] |
mli |
list(图文列表)[上图下文] |
mli |
list(滑动显示删除按钮) |
mli |
list(滑动显示删除按钮,自动触发事件) |
mli |
list(拖拽(滑动)显示多功能菜单) |
mui-jgg |
九宫格 |
mmask, mui-mb |
mask蒙版(遮盖层) |
mnumbox, mui-srk, minput |
数字输入框[可点击- +] |
mpage, mui-fy, mui-page |
翻页 |
mpage, mui-fy, mui-page |
分页 |
mui-nav, mui-dh, moffcanvas |
侧滑导航[主界面移动、菜单不动]以及其他 |
mui-nav, mui-dh, moffcanvas |
侧滑导航[主界面、菜单同时移动] |
mpopover, mui-nav, mui-menu] |
菜单[弹出/隐藏] |
mui-jdt, mprogressbar |
进度条(有精准值的精度条) |
mui-jdt, mprogressbar |
进度条(无限循环进度条) |
mui-jdt, mprogressbar |
顶部进度条 |
mnav, mheader |
导航栏header |
mtransparent, mnav, mheader |
透明标题栏 |
mradio, mui-dx |
单选框 |
mradio, mui-dx, mli |
列表单选 |
mrange, mui-hk |
滑块 |
mscroll, mui-gd |
区域滚动(上下弹来弹去) |
mscroll, mui-gd |
滚动到特定位置(顶/底/任意位置) |
mscroll, mui-gd , mui-nav, mui-menu |
横向滚动(横向导航栏) |
mswitch, mui-kg |
switch开关 |
minit, mui-csh, mui-window |
初始化插件 |
minit, mui-csh, mui-window |
DOM准备就绪时,执行函数 |
minit, misubpage, mui-page, mwindow |
创建子页面 |
minit, mopenwindow, mwindow, mui-page |
打开新页面(简易版) |
minit, mopenwindow, mwindow, mui-page |
打开新页面(详细配置) |
minit, mopenwindow, mwindow, mui-page |
打开带原生导航栏的新页面 |
minitpreload, mui-yjz |
预加载(多个) |
minitpreload, mui-yjz |
预加载(单个) |
minitpreload, mui-yjz |
判断预加载是否成功 |
mui-xxk, mnav, mfooter |
底部选项卡 |
mui-xxk, mnav, mfooter |
底部选项卡(二级菜单) |
mui-xxk, mnav, mheader |
顶部选项卡(顶部切换内容) |
mbody,mcontent |
内容区 |
mload, mui-jz |
下拉加载 |
mload, mui-jz |
重置上拉加载 |
mload, mui-jz |
禁用上拉刷新 |
mload, mui-jz |
启用上拉刷新 |
mload, mui-jz |
上拉刷新下拉加载 |
mload, mui-sx |
上拉刷新(单webview) |
JavaScript 部分
| Prefix |
JavaScript Snippet Content |
minit, mui-csh, mui-window |
mui--初始化插件 |
minit, mui-csh, mui-window |
mui-DOM准备就绪时,执行函数 |
minit, misubpage, mui-page, mui-window |
mui-创建子页面 |
minit, mopenwindow, mui-window, mui-page |
mui-打开新页面(简易版) |
minit, mopenwindow, mui-window, mui-page |
mui-打开新页面(详细配置) |
minit, mopenwindow, mui-window, mui-page |
mui-打开带原生导航栏的新页面 |
minitpreload, mui-yjz |
mui-预加载(多个) |
minitpreload, mui-yjz |
mui-预加载(单个) |
minitpreload, mui-yjz |
mui-判断预加载是否成功 |
mmon, mui-on |
mui-事件绑定 |
mmoff, mui-off |
mui-事件取消 |
mtrigger, mui-zd |
mui-事件自动触发 |
minit, mui-sj |
mui-手势事件配置 |
mui-sj |
mui-手势事件 |
mui-sx |
mui-下拉刷新(单webview) |
mui-sx |
mui-下拉刷新(双webview) |
mui-jz |
mui-上拉加载 |
mui-jz |
重置上拉加载 |
mui-jz |
禁用上拉刷新 |
mui-jz |
启用上拉刷新 |
mui-back |
mui-双击快速回到顶部 |
majax |
mui-ajax(完整版) |
majax |
mui-ajax(简化版) |
majax |
mui-ajax(超简化getJSON) |
mmsg, mui-tsk |
mui-警告框 |
mmsg, mui-tsk |
mui-确认框 |
mmsg, mui-tsk |
mui-对话输入框 |
mmsg, mui-tsk |
mui-提示框(自动消失) |
mwindow |
mui-跳转打开新页面 |
| |