02HUI - 部署及文档结构

HUI 目录结构

下载hui最新版本后会获得一个压缩包，解压后目录结构：

|_ css //样式目录
    |_ fonts //核心字体文件
    |_ hui.css //核心css文件 
|_ js //js脚本目录
    |_ hui.js //核心js
    |_ hui-form.js //表单布局及表单验证
    |_ hui-touch-pws.js //h5手势密码
    |_ hui-image-preview.js //图片预览
    |_ hui-swipe.js //轮播组件
    |_ hui-tab.js //tab选项卡
    |_ .... 更多插件js文件
|_ plug-ins //第三方插件目录

HUI 部署与使用

将js和css文件对应的部署到您的项目目录下即可开启hui之旅了 ~ 图片及其他文件目录您可以根据项目需要自行创建！

如何使用 HUI 开发基于 h5+ 的 app 项目？

1. 使用HBuilder创建一个移动app项目(模板选择空模板);
2. 将hui 源码包复制到项目内（在编辑器目录内右键直接粘贴即可，也可以通过文件夹进行粘贴）。

移动端及app端html的header写法

声明页面缩放比例 引用hui.css及hui.js即可

your content here ......
//建议在页面底部引用hui.js

在 h5+ 的 app 开发过程中 hui 会自动监听返回事件，包括安卓系统的返回按键及我们在ui中放置的返回按钮。 相对应的在移动web开发过程中hui会监听我们在ui中放置的返回按钮的点击来自动完成返回功能。