Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>A-snippets-for-muiNew to Visual Studio Code? Get it now.
A-snippets-for-mui

A-snippets-for-mui

雪导

|
2,390 installs
| (0) | Free
A-snippets-for-mui
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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-跳转打开新页面
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft