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 地址在本地浏览器预览。