JZ-UNI-UI 组件库

一个基于 uni-app 的轻量级 UI 组件库，提供了一系列常用组件，帮助开发者快速构建美观、高效的应用界面。

特点

• 🎨 精美设计：遵循统一的设计规范，提供美观、一致的视觉体验
• 🚀 轻量高效：组件体积小，性能优化，确保应用流畅运行
• 📱 全端适配：支持各种终端设备，包括 App、H5、小程序等
• 🛠️ 易用灵活：简单易用的 API，灵活的自定义配置
• 📦 按需引入：支持按需引入组件，减小应用体积

安装

将 jz-uni-ui 目录复制到项目的 src/uni_modules 目录下即可使用。

使用方法

方式一：单独引入组件

<template>
  <jz-uni-button type="primary">按钮</jz-uni-button>
</template>

<script>
import jzUniButton from '@/uni_modules/jz-uni-ui/components/jz-uni-button/jz-uni-button.vue'

export default {
  components: {
    jzUniButton
  }
}
</script>

方式二：全局注册组件

在 main.js 中：

import Vue from 'vue'
import JzUniUI from '@/uni_modules/jz-uni-ui'

Vue.use(JzUniUI)

然后在页面中直接使用：

<template>
  <jz-uni-button type="primary">按钮</jz-uni-button>
</template>

组件列表

• 按钮 jz-uni-button
• 单元格 jz-uni-cell
• 图标 jz-uni-icon
• 输入框 jz-uni-input
• 标签 jz-uni-tag

贡献指南

欢迎贡献代码或提出建议，请提交 Issue 或 Pull Request。

许可证

MIT