# native-ui

**Repository Path**: ericktse/native-ui

## Basic Information

- **Project Name**: native-ui
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-02-08
- **Last Updated**: 2020-12-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# UI组件库
Giraffe是基于原生JS开发的，支持JSX语法，支持双向数据绑定的组件化前端库，兼容IE7+，Chrome，Safari，Firefox。
***
## 项目目录结构说明
- dist 

	UI组件库的发布版本，其中包括了**ucsmy-ui.js**未压缩版和**ucsmy-ui.min.js**压缩版，生产上建议使用压缩版来提高加载效率。
	
- doc
	
	UI组件的API说明文档。
- examples
	
	UI组件的使用示例，包括可运行示例及示例源码，每一个组件都有一个示例。
- sass
	
	UI组件示例所用到的css样式源码。

- src

	UI组件的组件源码
	
***

## 使用说明

UI组件库在运行时，会创建一个全局对象，对象名称为**UcsmyUI**，所有的组件都包含在此对象中。

### 引用：
1.在页面引用基础类库文件。

```
<script type="text/javascript" src="../../dist/libs/u-eventhub.js"></script>
<script type="text/javascript" src="../../dist/libs/engine.min.js"></script>
```

2.如果使用UMD的方式，则需引入ucsmy-ui.min.js这个组件库，才可以JavaScript脚本中使用UI组件。使用UMD的方式的优点在于组件全量更新，缺点是全量加载。

```
<script type="text/javascript" src="../../dist/ucsmy-ui.min.js"></script>
```
使用示例：

```
var Input = UcsmyUI.Input;
...

```
3.如果使用commonJS的方式，则无需引入ucsmy-ui.min.js这个组件库，在javascript中，直接通过require的方式引用组件。使用此种方式引用组件，可以实现组件按需加载，缺点是组件的更新需要同步编译生成所有有引用的页面。

```
var Input = require('./src/libs/input');
```

## API文档

[API Website](http://172.17.21.138 "Title")  

## 问题及支持

如果在使用的过程中，发现有问题或者希望我们提供新的组件时，请在ISSUE面板提交ISSUE，我们会在ISSUE上进行咨询答复，请按格式要求提交，谢谢。

- 问题

	【问题】xxx组件在xxx情况下有xxx问题
	
- 需求

	【需求】增加XXX功能组件
	
	【需求】XXX组件增加XXX功能
	
	【需求】XXX组件修改XXX功能
	
	【需求】XXX组件删除XXX功能
	
	【需求】删除XXX功能组件