Mural Plus

介绍 ​

mural-plus 是一套基于 uni-app x 的 UI 组件库，提供 60+ 高质量组件，一套代码即可运行于 App、小程序与 Web，并内置亮色 / 暗黑两套主题。

小程序APPWeb
✓✓✓

特性 ​

  • 组件丰富：覆盖基础、布局、表单、数据展示、反馈弹层、导航等场景，共 60+ 个组件。
  • 多端一致：基于 uni-app x 构建，一套代码运行于 App（Android / iOS / Harmony）、小程序与 Web。
  • 主题化：所有组件基于 --mu-* CSS 变量构建，内置亮色 / 暗黑主题，可跟随系统或手动切换。
  • 类型安全：组件与属性均使用 UTS 编写并提供类型定义。
  • 易于扩展：支持 customClass / customStyle 自定义样式，支持插槽与组合组件。

目录结构 ​

text
uni_modules/mural-plus/
├── components/     # 组件源码（mu-xxx）
├── libs/           # 主题、工具与样式变量
├── utssdk/         # UTS 插件（原生扩展）
├── index.scss      # 全局样式入口（CSS 变量与主题）
├── readme.md       # 组件文档索引
└── docs/           # 组件详细文档

命名约定 ​

  • 组件：统一 mu- 前缀，如 mu-button、mu-cell。
  • 组合组件：父容器 + 子项，如 mu-cell-group + mu-cell、mu-grid + mu-grid-item。
  • 样式覆盖：通过组件统一的 customClass / customStyle 传入自定义类名与样式。
  • 主题变量：统一 --mu-* 前缀。

兼容性 ​

  • App：Android / iOS / Harmony。
  • 小程序：微信（其它小程序部分能力可能受限）。
  • Web：现代浏览器。

延伸阅读 ​