need-miniprogram-ui

🙋 介绍

由 NeedCodeStudio. 开发的一套小程序组件库，让小程序开发者「更快」地搭建出自己的小程序。组件的交互和视觉参考多个手机OS，使其小程序贴近移动端使用体验。

🔥 特性

1. 适配暗夜模式
2. 适配小程序平板端
3. 体积小，wxml/wxss 代码压缩
4. 详细类型定义文件，与 npm 包捆绑
5. 多平台小程序运行（待实现）

📱 扫码预览

🧑‍💻 使用

1. 下载安装

npm install need-miniprogram-ui --save

2. 点击开发者工具中的菜单栏：工具 --> 构建 npm
3. 引入封装库

import { Http } from 'need-miniprogram-ui'

4. 引入组件

{
  "usingComponents": {
		"nm-button": "need-miniprogram-ui/button/button"
	},
}

尺寸单位

为了兼容 PC 端 和 Pad 端，所有组件采用 px 作为尺寸单位，请在使用时注意。

暗黑模式

所有组件自动适配暗黑模式，如需取消，请找到自己项目 miniprogram_npm 文件夹，打开 miniprogram_npm/need-miniprogram-ui/dark.wxss，把里面的内容清空即可（需保留dark.wxss文件）。

组件类型定义

declare namespace NeedMiniprogramUI.xxxx {
  type Data = {}

  type Props = {}

  type Instance = {}

  ...
}

📝 TODO

• [ ] pad后台组件
• [ ] 组件使用文档
• [ ] 多平台
• [ ] 扫码预览