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-跳转打开新页面 |
| |