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