https://github.com/didi/mpx-cube-ui
基于"Mpx 小程序框架"的移动端基础组件库
https://github.com/didi/mpx-cube-ui
h5 mini-program mpx
Last synced: 4 months ago
JSON representation
基于"Mpx 小程序框架"的移动端基础组件库
- Host: GitHub
- URL: https://github.com/didi/mpx-cube-ui
- Owner: didi
- License: apache-2.0
- Created: 2024-03-13T09:11:12.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-09T03:18:39.000Z (4 months ago)
- Last Synced: 2025-06-09T04:28:01.108Z (4 months ago)
- Topics: h5, mini-program, mpx
- Language: JavaScript
- Homepage: https://www.mpxjs.cn/mpx-cube-ui/
- Size: 2.75 MB
- Stars: 40
- Watchers: 18
- Forks: 4
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
## 介绍
mpx-cube-ui 是基于 [Mpx 小程序框架](https://www.mpxjs.cn/) 的移动端基础组件库，一份源码可以跨端输出所有小程序平台及 Web。
## 官网
欢迎访问 [mpx-cube-ui 官网](https://www.mpxjs.cn/mpx-cube-ui/)，跟随我们提供的文档指南使用 mpx-cube-ui 组件库进行跨端小程序开发。
## 安装
```shell
npm install @mpxjs/mpx-cube-ui
```
## 使用组件
以按钮组件为例，只需要在 mpx 单文件的 json 配置中引入按钮对应的自定义组件：
```javascript
// your-page.mpx
import { createPage } from '@mpxjs/component'
createPage({})
{
"usingComponents": {
"cube-button": "@mpxjs/mpx-cube-ui/lib/components/button/index.mpx"
}
}
```
## 组件库预览
```shell
// 安装依赖
pnpm install
// 启动示例代码编译
pnpm run example:dev
```
在小程序开发者工具中导入 `dist` 目录下代码即可或者通过控制输出 url 地址在本地浏览器预览。
## 链接
* [意见反馈](https://github.com/didi/mpx-cube-ui/issues)
* [更新日志](/docs/guide/changelog.md)
* [联系我们](/docs/guide/contact.md)