@megalo/ui
优质
小牛编辑
136浏览
2023-12-01
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'
}
注意:因为需要直接引用组件库里面的源码,所以需要利用 babel-loader 对组件库的源码进行转换,需要配置 include: /node_modules\/meglao-ui/
在代码中 import 需要的组件并使用
import { mgAvatar } from 'megalo-ui/avatar'
开发计划
贡献
如果你在使用 Megalo UI 时遇到问题,或者有好的建议,欢迎给我们提 Issue 或 Pull Request。在开始之前,请阅读 贡献指南
License
MIT