0.2.17 • Published 1 year ago

need-miniprogram-ui v0.2.17

Weekly downloads
-
License
ISC
Repository
-
Last release
1 year ago

need-miniprogram-ui

🙋 介绍

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

🔥 特性

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

📱 扫码预览

npm.io

🧑‍💻 使用

  1. 下载安装
npm install need-miniprogram-ui --save
  1. 点击开发者工具中的菜单栏:工具 --> 构建 npm
  2. 引入封装库
import { Http } from 'need-miniprogram-ui'
  1. 引入组件
{
  "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后台组件
  • 组件使用文档
  • 多平台
  • 扫码预览
0.2.17

1 year ago

0.2.15

1 year ago

0.2.14

1 year ago

0.2.13

1 year ago

0.2.12

1 year ago

0.2.11

1 year ago

0.2.10

1 year ago

0.2.9

1 year ago

0.2.8

1 year ago

0.2.7

1 year ago

0.2.6

1 year ago

0.2.5

2 years ago

0.2.3

2 years ago

0.2.2

2 years ago

0.2.4

2 years ago

0.2.1

2 years ago

0.2.0

2 years ago

0.1.9

2 years ago

0.1.2

2 years ago

0.1.1

2 years ago

0.1.7

2 years ago

0.1.4

2 years ago

0.1.3

2 years ago

0.1.6

2 years ago

0.1.5

2 years ago

0.0.13

2 years ago

0.0.12

2 years ago

0.0.11

2 years ago

0.0.10

2 years ago

0.0.9

2 years ago

0.0.8

2 years ago

0.0.7

2 years ago

0.0.6

2 years ago

0.0.5

2 years ago

0.0.4

2 years ago

0.0.3

2 years ago

0.0.2

2 years ago

0.0.1

2 years ago