mpx-cube-ui 是基于 Mpx 小程序框架 的移动端基础组件库,一份源码可以跨端输出所有小程序平台及 Web。
欢迎访问 mpx-cube-ui 官网,跟随我们提供的文档指南使用 mpx-cube-ui 组件库进行跨端小程序开发。
npm install @mpxjs/mpx-cube-ui
以按钮组件为例,只需要在 mpx 单文件的 json 配置中引入按钮对应的自定义组件:
// your-page.mpx <template> <cube-button></cube-button> </template> <script> import { createPage } from '@mpxjs/component' createPage({}) </script> <script type="application/json"> { "usingComponents": { "cube-button": "@mpxjs/mpx-cube-ui/lib/components/button/index.mpx" } } </script>
// 安装依赖 pnpm install // 启动示例代码编译 pnpm run example:dev
在小程序开发者工具中导入 dist 目录下代码即可或者通过控制输出 url 地址在本地浏览器预览。