Megalo UI 是基于 Megalo 框架开发的多端UI组件库
- 基于 Megalo 开发 UI 组件
- 一套组件可以在微信小程序、支付宝小程序、百度小程序等多端适配运行(H5端后面会更好的支持)
- 提供友好的 API 和可灵活使用的组件
使用微信扫一扫体验小程序组件示例
npm install @megalo/ui
组件使用了scss以及px2rpx两个loader, 因此需要在配置文件中引用
{
test: /\.scss$/,
use: [
'css-loader',
{
loader: 'px2rpx-loader',
options: {
rpxUnit: 1,
rpxPrecision: 6
}
},
'sass-loader'
]
}
配置路径alias(小程序中解析vue组件路径比较特殊,后续会做优化,优化后可直接在组件库根目录引用组件)
alias: {
'megalo-ui': '@megalo/ui/dist/components'
}
在代码中 import 需要的组件并使用
import { mgAvatar } from 'megalo-ui/avatar'
如果你在使用 Megalo UI 时遇到问题,或者有好的建议,欢迎给我们提 Issue 或 Pull Request。在开始之前,请阅读 贡献指南
MIT