# hb_uni_ui

**Repository Path**: joycezhang/hb_uni_ui

## Basic Information

- **Project Name**: hb_uni_ui
- **Description**: hb_uni_ui 是 uni-app 下的ui库，并且是基于 colorUi 的基础下修改，增加了一些组件
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-01-08
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 介绍

- `hb_uni_ui` 是 `uni-app` 下的ui库，并且是基于 `colorUi` 的基础下修改，增加了一些组件
- 该 `ui`库，仅在 `H5` 和 `微信小程序` 下验收，其他未验收

### 开始

下载源码解压获得`common`和`components`文件夹，复制目录下的 `common`和`components` 文件夹到你的`uni`项目根目录

`App.vue` 引入关键Css `main.less` `icon.less`

```style
<style>
@import url("./common/css/main.less");
@import url("./common/css/icon.less");

/* 以下为你的项目css */
@import "app.css"; 
....
</style>
```
1. `common` 为ui的基础目录(必须)
2. `components`为封装好的组件库(必须)
3. `utils`  为js工具函数库(必须，二维码和条形码依赖)

### 目录结构说明

```
hb_uni_ui            WEB部署目录（或者子目录）
├─common             公共目录(必须)
│  ├─css             css目录
│  └─├─constant.less css基础变量
│    ├─icon.less     iconfont 库
│    └─main.less     css 基础ui
│  
│
├─components         组件目录
│  └─...             
│
├─pages                 demo页面目录
│  ├─          
│  └─ ...   
│
├─utils                 工具目录(必须)
│  ├─libs               工具库
│  │  ├─qr-bar          条形码和二维码生成类库
│  │
│  ├─format             js格式化工具函数目录
│  ├─validate           js验证工具函数目录
│  └─...          

```