YmiUI 快速上手

感觉uniapp官方的uni-ui不太好用，所以打算自己写个uniapp的UI组件库，第一次写npm组件库有点紧张......

YmiUI 组件库全面采用 vue3 的组合式api写法，所以它不支持 vue2 ，刚开始组件有点少，不过在慢慢完善。

核心理念：让开发快一点！快一点！再快一点！

安装

使用 YmiUI 组件库之前，请确保你已经学习并熟练使用过 uniapp 。

方式一 ：通过 npm 安装

如果你的 uniapp 项目之前未使用 npm 管理依赖（项目根目录下无 package.json 文件），需要先在项目根目录执行命令初始化 npm 工程：

npm init -y

然后开始安装YmiUI组件库：

// # 使用 npm
npm install ymiui-uni

// # 使用 pnpm
pnpm install ymiui-uni

方式二 ：通过 HBuilder 插件市场 uni_modules 下载安装（暂未上线）

uniapp插件市场地址

快速开始

YmiUI 组件库符合 uniapp 的 easycom 组件规范，所以，你需要在 pages.json 中添加配置（配置完成后重新编译运行）：

// 使用npm安装时配置（从插件市场下载安装的不需要再配置 easycom 了）
"easycom": {
	"autoscan": true,
	"custom": {
		"ym-(.*)": "ymiui-uni/components/ym-$1/ym-$1.vue"
	}
}

最后，你还需要在项目根目录的 uni.scss 文件中引入 YmiUI 的样式文件（要在最上方引入）：

//使用npm安装时配置
@import 'ymiui-uni/styles/index.scss';

//使用HBuilder插件市场安装时配置
@import '@/uni_modules/ymiui/styles/index.scss';

下面你就可以愉快的使用 YmiUI 组件库了，希望能让开发更快一点!

使用组件

使用组件非常简单，以 Button 为例。

<ym-button type="primary">默认按钮</ym-button>

更新日志

V0.0.5（2023-08-24）

• 新增按钮 button 组件。
• 新增标签 tag 组件。
• 新增卡片列表 card-list 组件，这个好用。
• 新增标题栏 section 组件。
• 更多......

V0.0.1（2023-05-12）

• 第一次开发npm组件库。

License

This project is licensed under the MIT License - see the LICENSE file for details.