H-UI

快应用H-UI组件库开源

简介

h-ui是一套为快应用开发者量身打制的UI组件库，以传统html5标签为基础，遵循主流前端框架样式命名习惯，对快应用原生组件二次封装而成，以实现快应用“全组件式开发”为目标，让快应用开发就像搭积木！

快应用H-UI组件库承诺 将持续推出更多精彩、精良的快应用组件。对原有组件会持续维护、优化升级，并且优化后的组件尽可能向前兼容，不影响已经使用了该组件的快应用。界面精美、功能强大、使用方便灵活以及运行时的高性能将是我们坚持的开发原则。H-UI出品，必属精品！

H-UI 开发文档预览

HUI开发文档(快应用在线体验)

华为应用市场 > 快应用 > HUI开发文档

官方博客

https://h-ui-mobi.blog.csdn.net

公众号

快应用HUI

教学视频

抖音号：QuickApp 抖音名：快应用H-UI

版本说明

Ver 1.0.5

为了使相同props属性名在不同组件中的调用方式保持一致，优化导航栏组件、分页器、数据加载提示、折线图、柱状图、散点图、饼状图及漏斗图组件props属性命名。

导航栏(导航组件 - 导航栏): 'align'属性改为'align-left'； 'bg-color'属性改为'hex-color'； 'show-back'属性改为'hide-back'，默认值为false； 'show-option'属性改为'hide-option'，默认值为false；

分页器(导航组件 - 分页器): 'mode'属性改为'pagination-mode'；

数据加载提示(操作反馈 - 数据加载提示): 'status'属性改为'loading-status'；

折线图(图表组件 - 折线图): 'color'属性改为'hex-color'；

柱状图(图表组件 - 柱状图): 'color'属性改为'hex-color'；

散点图(图表组件 - 散点图): 'color'属性改为'hex-color'；

饼状图(图表组件 - 饼状图): 'active'属性改为'current'；

漏斗图(图表组件 - 漏斗图): 'align'属性改为'chart-align'；

官方博客(https://h-ui-mobi.blog.csdn.net)已同步更新。 快应用'HUI开发文档'v1.0.5版已同步。 请在调用组件时采用新的属性名。

Ver 1.0.4

废除搜索组件props属性value及编辑器组件props属性audioExpiration。本次优化对原有调用方式无任何影响。

Ver 1.0.3

废除数字输入组件byte,short,int和long中未使用的props属性type。本次优化对原有调用方式无任何影响。

Ver 1.0.2

支持npm安装H-UI组件库，指令：cnpm install h-ui-quickapp 适配npm安装后的组件调用，调整字体文件及本地图片路径(放弃绝对路径调用)，兼容联盟快应用和华为快应用： 字体文件改用远程路径； 本地图片引用从'/Common/icons'绝对路径改为相对路径。

Ver 1.0.1

全面兼容快应用联盟和华为快应用！ 如果使用快应用联盟的IDE编译代码，会使用"快应用调试器"解析代码，编译代码前请将"/Common/utils/config.js"中的loaderConfig配置为"UNION"； 如果使用华为快应用的IDE编译代码，会使用"快应用加载器"解析代码，编译代码前请将"/Common/utils/config.js"中的loaderConfig配置为"HUAWEI"。 H-UI已针对两个解析器存在的差异做了针对性适配，做到两个IDE编译的快应用均达到最佳效果。

tip： 第一次在快应用联盟IDE中调试新项目时可能因为未安装less模块而报如下错误： 构建错误 Module not found: Error: Can't resolve 'less-loader' vue-cli 构建的项目默认是不支持 less 的，需要自己添加。 首选，安装 less 和 less-loader ，在项目目录下运行如下命令

npm install less less-loader --save-dev