mmsUnix 基础 UI 组件库
面向 uni-app-x 的 m-* 组件 · UTS / .uvue · 按需独立引用
简述
mmsUnix（uni_modules/m-unix）面向 uni-app-x，以 .uvue + UTS 实现 m-* 组件；uni_modules/m-unix/components 下当前共 85 个 m-* 实现包（含 m-tools 等，随版本可能增减）。API / 演示 / 约定见 组件文档索引，安装与工程配置见 安装与配置教程。在遵守仓库 LICENSE 的前提下，可用于个人学习与企业项目；工程目录名 m-unix 与插件市场及历史路径保持一致。
WARNING
本组件库及文档均按「现状」提供，不提供任何明示或默示担保。因使用、修改或分发本仓库内容所产生的任何纠纷、损失或法律责任，由使用者自行承担，作者及贡献者不承担法律责任。使用前请阅读并理解 LICENSE 全文。
特点
- 🎯 专为 uni-app-x - 全部使用
.uvue+ UTS 开发 - 🎨 独立命名 - 所有组件使用
m-前缀，不与其他库冲突 - 💪 轻量简洁 - 每个组件独立，按需使用
- 📱 适配完美 - 适配安全区域，支持微信小程序/字节/APP
- 📖 完整文档 - 每个组件参数详细说明
在线演示
H5 与线上工程 unix.mmsadmin.cn 一致；打开某篇组件文档时，文中 演示地址 与右下角的 手机预览 iframe 会切到对应分包路由。下表 H5 码 指向演示站点首页（hash 基座），微信小程序 为官方演示小程序太阳码（HTTPS 直链图床与 mmsUnix 仓库说明 一致）。若图片不显示，请检查网络或 防盗链，也可直接点击链接访问。
 H5 |  微信小程序 |
提示
也可在 HBuilderX 中运行本仓库 pages_demo 分包，本地联调各端；线上体验以实际部署为准。
组件列表
布局
| 组件 | 说明 | 文档 |
|---|---|---|
| m-row | 栅格行 | 文档 |
| m-col | 栅格列 | 文档 |
| m-card | 卡片容器 | 文档 |
| m-cell | 单元格 | 文档 |
| m-gap | 占位间距 | 文档 |
导航
| 组件 | 说明 | 文档 |
|---|---|---|
| m-bottom-popup | 底部弹窗 | 文档 |
表单
| 组件 | 说明 | 文档 |
|---|---|---|
| m-button | 按钮 | 文档 |
| m-input | 单行输入 | 文档 |
| m-textarea | 多行输入 | 文档 |
| m-form | 表单分组容器 | 文档 |
| m-radio-group | 单选组 | 文档 |
| m-radio | 单选项 | 文档 |
| m-checkbox-group | 多选组 | 文档 |
| m-checkbox | 多选项 | 文档 |
| m-switch | 开关 | 文档 |
| m-search | 搜索框 | 文档 |
| m-upload | 图片上传 | 文档 |
| m-datetime-picker | 日期时间选择 | 文档 |
| m-picker | 联动选择（1～3 列） | 文档 |
| m-clipboard | 剪贴板复制 | 文档 |
| m-number-box | 步进器 | 文档 |
| m-rate | 评分 | 文档 |
展示
| 组件 | 说明 | 文档 |
|---|---|---|
| m-div | 分割线 | 文档 |
| m-empty | 空状态 | 文档 |
| m-loading | 加载中 | 文档 |
| m-loadmore | 加载更多 | 文档 |
| m-notice-bar | 公告栏 | 文档 |
| m-price | 价格展示 | 文档 |
| m-tag | 标签 | 文档 |
| m-tree | 树形结构 | 文档 |
| m-qrcode | 二维码 | 文档 |
| m-screenshot | 页面截图 | 文档 |
| m-watermark | 水印 | 文档 |
反馈
| 组件 | 说明 | 文档 |
|---|---|---|
| m-overlay | 遮罩层 | 文档 |
| m-popup | 弹出层 | 文档 |
| m-bubble-popup | 气泡弹层（三角菜单） | 文档 |
| m-toast | 提示框 | 文档 |
功能组件
| 组件 | 说明 | 文档 |
|---|---|---|
| m-countdown | 倒计时 | 文档 |
| m-countdown-verify | 验证码倒计时 | 文档 |
| m-grid | 宫格 | 文档 |
| m-icon | 图标 | 文档 |
| m-sticky-bottom | 粘性底部 | 文档 |
| m-wx-login | 微信登录 | 文档 |
工具库
| 工具 | 说明 | 文档 |
|---|---|---|
| utils | 常用工具函数 | 文档 |
| request | 网络请求封装 | 文档 |
使用指南
安装
若尚未接入组件包，请先到 安装与配置教程 — 获取方式 取得 uni_modules/m-unix，并按该文完成 easycom、main.uts、样式等配置。
目录就位后，HBuilderX 会自动识别 uni_modules，无需 npm 安装。
全局引入（推荐）
在 main.uts 中引入并安装：
import mmsUnix from '@/uni_modules/m-unix'
import App from './App.uvue'
const app = createApp(App)
app.use(mmsUnix)
// 挂载工具函数到 uni.$m
mmsUnix.mount$m()在 App.uvue 的样式中引入全局样式：
@import '@/uni_modules/m-unix/index.scss';按需引入
uni-app-x 支持 easycom，配置后可直接使用组件，不需要 import：
<!-- 不需要引入，直接使用 -->
<m-button type="primary">确定</m-button>如果需要手动引入：
import mmsButton from '@/uni_modules/m-unix/components/m-button/m-button.uvue'规范
- 组件前缀：
m- - 文件位置：
uni_modules/m-unix/components/m-xxx/m-xxx.uvue - 支持 uni-app-x easycom
更新日志
- v1.0.4 初始版本
- 基础组件完成
- 支持 uni-app-x