自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

H-UI官方博客

H-UI——做体验最好的快应用UI库,让快应用开发就像搭积木!

  • 博客(158)
  • 收藏
  • 关注

原创 安装快应用开发环境,构建第一个快应用Hello World —— H5-小程序-Vue前端开发者必读

简介1.硬件准备;2.联盟快应用IDE安装;3.华为快应用IDE安装;4.安装Node.js环境;5.激活手机开发者调试模式;6.手机端工具安装;7.Hello World;8.快应用高效开发相关资源。一、硬件准备以我的开发环境为例:MacBook Pro笔记本电脑一台,其它笔记本电脑或台式机也可以;华为Mate10 Pro手机一部,其它品牌或型号的安卓智能手机也可以;电...

2020-04-21 14:42:39 350

原创 快应用H-UI组件库开源

H-UI快应用H-UI组件库开源简介h-ui是一套为华为快应用开发者量身打制的UI组件库,以传统html5标签为基础,遵循主流前端框架样式命名习惯,对华为快应用原生组件二次封装而成,以实现快应用“全组件式开发”为目标,让快应用开发就像搭积木!快应用H-UI组件库承诺将持续推出更多精彩、精良的快应用组件。对原有组件会持续维护、优化升级,并且优化后的组件尽可能向前兼容,不影响已经使用了该组件...

2020-04-03 17:43:26 968 5

原创 二、建立项目 —— "快应用 + Spring Cloud"组合拳-技术社交快应用实战教程

概述以快应用联盟IDE为例(macOS版),示范:1.如何建立一个快应用实战项目;2.在真机上调试运行;3.安装HUI组件库支持;4.可能出现的问题解决方法。一、如何建立一个快应用实战项目打开快应用联盟IDE,选择菜单“文件 > 新建快应用工程”:根据自己的需要设置项目存储路径、项目名称、应用名称、应用包名,选择默认的“示例模板”即可,点击“完成”:此时IDE右侧本地预...

2020-04-22 21:56:37 114

原创 一、项目策划 —— "快应用 + Spring Cloud"组合拳-技术社交快应用实战教程

概述项目创意策划工具:xmind。项目由三部分组成:终端用户客户端,采用快应用构建;系统管理员客户端,也采用快应用构建,对系统中的数据进行维护(增删改查);服务端Rest Api,采用Java编写代码,使用Spring Cloud架构,应对高并发时系统负载均衡。1.用户快应用客户端2.管理员快应用客户端3.Java后端Rest Api服务后面教程详述。...

2020-04-21 18:58:13 96

原创 "图片处理"组件:<ai-image> —— 快应用组件库H-UI

<import name="ai-image" src="../Common/ui/h-ui/ai/c_ai_image"></import><template> <div class="container"> <ai-image></ai-image> </div>&lt...

2020-04-20 21:13:58 126

原创 "文档处理"组件:&lt;ai-doc&gt; —— 快应用组件库H-UI

<import name="ai-doc" src="../Common/ui/h-ui/ai/c_ai_doc"></import><template> <div class="container"> <ai-doc></ai-doc> </div></templa...

2020-04-20 21:07:32 73

原创 "语音识别"组件:&lt;ai-voice&gt; —— 快应用组件库H-UI

点击按钮调出语音识别面板:<import name="ai-voice" src="../Common/ui/h-ui/ai/c_ai_voice"></import><template> <div class="container"> <ai-voice></ai-voice> &l...

2020-04-20 21:00:07 109

原创 "扫一扫"组件:&lt;ai-scan&gt; —— 快应用组件库H-UI

扫码结果:更多二维码类型示范见文末。<import name="ai-scan" src="../Common/ui/h-ui/ai/c_ai_scan"></import><template> <div class="container"> <ai-scan id="aiscan1"></ai...

2020-04-20 20:51:26 108

原创 "场景识别"组件:&lt;ai-scene&gt; —— 快应用组件库H-UI

<import name="ai-scene" src="../Common/ui/h-ui/ai/c_ai_scene"></import><template> <div class="container"> <ai-scene id="aiscene1"></ai-scene> &l...

2020-04-20 20:10:50 134

原创 "Ai支持检测"组件:&lt;ai-support&gt; —— 快应用组件库H-UI

<import name="ai-support" src="../Common/ui/h-ui/ai/c_ai_support"></import><template> <ai-support id="aisupport"></ai-support></template><script> ...

2020-04-20 20:01:56 54

原创 "商品列表"组件:&lt;goods&gt; —— 快应用组件库H-UI

<import name="goods" src="../Common/ui/h-ui/scene/c_goods"></import><template> <div class="container"> <goods data="{{data1}}"></goods> </div...

2020-04-20 17:02:29 134

原创 "评论"组件:&lt;review&gt; —— 快应用组件库H-UI

用户点赞/取消点赞行为监控:用户回复评论行为监控:可转向到回复界面,或在本页面弹出回复面板。用户管理自己发布的评论:<import name="h6" src="../Common/ui/h-ui/text/c_h6"></import><import name="news-detail" src="../Common/ui/h-ui/scen...

2020-04-20 16:40:23 74

原创 "点赞"组件:&lt;like&gt; —— 快应用组件库H-UI

<import name="like" src="../Common/ui/h-ui/scene/c_like"></import><template> <div class="container"> <like id="like1"></like> </div></t...

2020-04-20 16:16:31 64

原创 "视频新闻"组件:&lt;news-video&gt; —— 快应用组件库H-UI

<import name="divider" src="../Common/ui/h-ui/advance/c_divider"></import><import name="news" src="../Common/ui/h-ui/scene/c_news"></import><import name="news-video" src...

2020-04-17 22:46:53 69

原创 "热点话题"组件:&lt;news-hot&gt; —— 快应用组件库H-UI

<import name="divider" src="../Common/ui/h-ui/advance/c_divider"></import><import name="news" src="../Common/ui/h-ui/scene/c_news"></import><import name="news-hot" src="...

2020-04-17 22:38:24 57

原创 "图集新闻"组件:&lt;news-image&gt; —— 快应用组件库H-UI

<import name="news-image" src="../Common/ui/h-ui/scene/c_news_image"></import><template> <div class="container"> <news-image data="{{data}}"></news-ima...

2020-04-17 22:33:57 84

原创 "新闻详情"组件:&lt;news-detail&gt; —— 快应用组件库H-UI

<import name="news-detail" src="../Common/ui/h-ui/scene/c_news_detail"></import><template> <div class="container"> <news-detail title="H-UI——做体验最好的快应用UI库" cre...

2020-04-17 22:29:39 78

原创 "新闻三叶草"组件:&lt;news-three-pics&gt; —— 快应用组件库H-UI

<import name="news-three-pics" src="../Common/ui/h-ui/scene/c_news_three_pics"></import><template> <div class="container"> <news-three-pics data="{{data}}">...

2020-04-17 22:25:39 74

原创 "新闻单叶草"组件:&lt;news&gt; —— 快应用组件库H-UI

<import name="news" src="../Common/ui/h-ui/scene/c_news"></import><template> <div class="container"> <news data="{{data}}"></news> </div>&l...

2020-04-17 22:21:42 59

原创 "雷达图"组件:&lt;chart-radar&gt; —— 快应用组件库H-UI

触摸左上角提示:<import name="chart-radar" src="../Common/ui/h-ui/chart/c_chart_radar"></import><template> <div class="container-full"> <chart-radar id="canvas1" dat...

2020-04-17 21:57:25 207

原创 "散点图-气泡图-时钟图"组件:&lt;chart-scatter&gt; —— 快应用组件库H-UI

触摸反馈:<import name="chart-scatter" src="../Common/ui/h-ui/chart/c_chart_scatter"></import><template> <div class="container-full"> <chart-scatter id="canvas1" ...

2020-04-17 21:49:04 133

原创 "漏斗图-金字塔"组件:&lt;chart-funnel&gt; —— 快应用组件库H-UI

触摸反馈:<import name="chart-funnel" src="../Common/ui/h-ui/chart/c_chart_funnel"></import><template> <div class="container-full"> <chart-funnel id="canvas1" dat...

2020-04-17 21:32:31 162

原创 "饼状图-环形图-玫瑰图"组件:&lt;chart-pie&gt; —— 快应用组件库H-UI

触摸反馈:<import name="chart-pie" src="../Common/ui/h-ui/chart/c_chart_pie"></import><template> <div class="container-full"> <chart-pie id="canvas1" data="{{data...

2020-04-17 21:18:44 145

原创 "柱状图"组件:&lt;chart-bar&gt; —— 快应用组件库H-UI

触摸反馈:<import name="chart-bar" src="../Common/ui/h-ui/chart/c_chart_bar"></import><template> <div class="container-full"> <chart-bar id="canvas1" data="{{data...

2020-04-17 21:01:43 211

原创 "折线图"组件:&lt;chart-line&gt; —— 快应用组件库H-UI

触摸反馈:<import name="chart-line" src="../Common/ui/h-ui/chart/c_chart_line"></import><template> <div class="container-full"> <chart-line id="canvas1" data="{{d...

2020-04-17 20:54:57 172

原创 "进度条"组件:&lt;chart-progress&gt; —— 快应用组件库H-UI

<import name="chart-progress" src="../Common/ui/h-ui/chart/c_chart_progress"></import><template> <div class="container-full"> <chart-progress id="canvas1" data...

2020-04-17 20:47:21 97

原创 "通告栏"组件:&lt;notice&gt; —— 快应用组件库H-UI

<import name="notice" src="../Common/ui/h-ui/feedback/c_notice"></import><template> <div class="container"> <notice text="h-ui是一套为快应用开发者量身打制的UI组件库,以传统html5标签为基...

2020-04-17 20:21:59 108

原创 "警告提示"组件:&lt;alert&gt; —— 快应用组件库H-UI

<import name="alert" src="../Common/ui/h-ui/feedback/c_alert"></import><template> <div class="container"> <alert title="An alert info"></alert> &l...

2020-04-17 20:14:56 91

原创 "全局提示"组件:&lt;message&gt; —— 快应用组件库H-UI

<import name="message" src="../Common/ui/h-ui/feedback/c_message"></import><import name="h-button" src="../Common/ui/h-ui/basic/c_button"></import><template> <...

2020-04-17 20:00:55 77

原创 "数据加载提示"组件:&lt;loadmore&gt; —— 快应用组件库H-UI

<import name="loadmore" src="../Common/ui/h-ui/feedback/c_loadmore"></import><template> <div class="container"> <loadmore></loadmore> </div>...

2020-04-17 19:45:59 107

原创 "滑动操作"组件:&lt;swipe-action&gt; —— 快应用组件库H-UI

<import name="swipe-action" src="../Common/ui/h-ui/feedback/c_swipe_action"></import><template> <swipe-action id="swipeaction" data="{{data}}"> <div class=...

2020-04-17 19:40:27 461

原创 "动作面板"组件:&lt;action-sheet&gt; —— 快应用组件库H-UI

<import name="action-sheet" src="../Common/ui/h-ui/feedback/c_action_sheet"></import><import name="h-button" src="../Common/ui/h-ui/basic/c_button"></import><template&gt...

2020-04-17 17:29:48 122

原创 "浮动弹层"组件:&lt;float-layout&gt; —— 快应用组件库H-UI

<import name="float-layout" src="../Common/ui/h-ui/feedback/c_float_layout"></import><import name="h-button" src="../Common/ui/h-ui/basic/c_button"></import><template&gt...

2020-04-17 17:20:05 113

原创 "幕帘"组件:&lt;curtain&gt; —— 快应用组件库H-UI

<import name="curtain" src="../Common/ui/h-ui/feedback/c_curtain"></import><import name="h-button" src="../Common/ui/h-ui/basic/c_button"></import><template> &lt...

2020-04-17 17:12:32 312

原创 "轻提示"组件:&lt;toast&gt; —— 快应用组件库H-UI

<import name="toast" src="../Common/ui/h-ui/feedback/c_toast"></import><import name="h-button" src="../Common/ui/h-ui/basic/c_button"></import><template> <div ...

2020-04-17 17:03:20 98

原创 "模态框"组件:&lt;modal&gt; —— 快应用组件库H-UI

<import name="modal" src="../Common/ui/h-ui/feedback/c_modal"></import><import name="h-button" src="../Common/ui/h-ui/basic/c_button"></import><template> <div...

2020-04-17 16:52:42 71

原创 "同一行代码片段"组件:&lt;code&gt; —— 快应用组件库H-UI

<import name="code" src="../Common/ui/h-ui/code/c_code"></import><template> <div class="container"> <div> <text>以下是 HTML 元素: </text>...

2020-04-17 15:44:37 58

原创 "电脑程序输出"组件:&lt;samp&gt; —— 快应用组件库H-UI

<import name="samp" src="../Common/ui/h-ui/code/c_samp"></import><template> <div class="container"> <samp text="This text is output from a computer program.......

2020-04-17 15:40:03 47

原创 "多行代码"组件:&lt;pre&gt; —— 快应用组件库H-UI

<import name="pre" src="../Common/ui/h-ui/code/c_pre"></import><template> <div class="container-full"> <pre codes="{{codes}}"></pre> </div&gt...

2020-04-17 15:30:15 55

原创 "按键提示"组件:&lt;kbd&gt; —— 快应用组件库H-UI

<import name="kbd" src="../Common/ui/h-ui/code/c_kbd"></import><template> <div class="container"> <div> <text>使用 </text> ...

2020-04-17 15:20:14 59

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除