MinUI 是基于微信小程序自定义组件特性开发而成的一套简洁、易用、高效的组件库,适用场景广,覆盖小程序原生框架,各种小程序组件主流框架等,并且提供了专门的命令行工具,猛戳这里(Min-Cli 使用文档)详细了解如何使用吧。

通过下面的小程序二维码,可以在手机中体验 MinUI(微信基础库版本 1.6.3 以上支持):

1. 安装 Min 的环境 $ npm install -g @mindev/min-cli
2. Clone MinUI 仓库到本地;
3. 安装依赖 $ npm install
4. 在 MinUI 根目录下执行 $ min dev,生成 dist/ 目录;
5. 微信开发者工具 —— 新建一个小程序,目录指向生成的 dist/;
6. Done~

PS:如想尝试修改源码,终端里先执行 $ min dev。这样任何的修改,都会在微信开发者工具中自动刷新显示。

• MinUI 组件库文档
• MinUI 源码地址
• Min-Cli 工具使用文档
• Min-Cli 源码地址

• 布局元素
  • 布局 flex
  • 水平垂直居中 cc
• 基础元件
  • 头像 avatar
  • 徽章 badge
  • 文本截断 elip
  • 图标 icon
  • 标签 label
  • 页底提示 loadmore
  • 价格price
  • 进度条 progress
• 功能组件
  • 异常流展示 abnor
  • 倒计时 countdown
  • 数字框 couner
  • 加载提示 loading
  • 遮罩层 mask
  • 步骤条 steps
  • 选项卡 tab
• 提示反馈
  • 对话框 dialog
  • 弹出层 popup
  • 提示框 toast

请添加群助手 wUf18018252882 好友或者扫码加好友,并与群助手对话发送验证码 10088 按照指引进群。

群二维码

本项目基于 MIT License,请自由的享受、参与开源。

• z-index 层级规范方案修改
• price 组件在 del 状态下应该可以设置颜色
• price 组件增加货币符号属性
• icon 组件 API 完善

• tab组件修复点击定位问题
• loading更换mall的图标
• steps组件修复desc的字体
• price组件修复小数问题
• z-index层级规范
• mask,popup组件增加toggle方法
• abnor组件config补全

• 优化 price组件价格小数点显示问题
• 优化 tab支持导出多个入口
• 优化 conter组件demo中的属性规范
• 优化 loading、toast组件透出实例内部方法
• 修复 个别组件样式错乱问题
• 重构 首页的导航部分换成 wxc-example-menu 组件

• 新增几个小程序二维码
• 优化个别组件功能

• 新增 wxc-avatar 头像组件
• 新增 ChnageLog

• 新增 wxc-cc 水平垂直居中组件

• 新增 about 页面

• 新增工具化页面

• 初始版本