快应用H-UI-CSDN博客

原创安装快应用开发环境，构建第一个快应用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 1184

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

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

2020-04-03 17:43:26 3282 7

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

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

2020-04-22 21:56:37 537

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

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

2020-04-21 18:58:13 420

原创 "图片处理"组件:<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 609

原创 "文档处理"组件:<ai-doc> —— 快应用组件库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 213

原创 "语音识别"组件:<ai-voice> —— 快应用组件库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 719

原创 "扫一扫"组件:<ai-scan> —— 快应用组件库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 410

原创 "场景识别"组件:<ai-scene> —— 快应用组件库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 417

原创 "Ai支持检测"组件:<ai-support> —— 快应用组件库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 152

原创 "商品列表"组件:<goods> —— 快应用组件库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 570 1

原创 "评论"组件:<review> —— 快应用组件库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 205

原创 "点赞"组件:<like> —— 快应用组件库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 201

原创 "视频新闻"组件:<news-video> —— 快应用组件库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 165

原创 "热点话题"组件:<news-hot> —— 快应用组件库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 171

原创 "图集新闻"组件:<news-image> —— 快应用组件库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 410

原创 "新闻详情"组件:<news-detail> —— 快应用组件库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 272

原创 "新闻三叶草"组件:<news-three-pics> —— 快应用组件库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 225

原创 "新闻单叶草"组件:<news> —— 快应用组件库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 229

原创 "雷达图"组件:<chart-radar> —— 快应用组件库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 676

原创 "散点图-气泡图-时钟图"组件:<chart-scatter> —— 快应用组件库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 334

原创 "漏斗图-金字塔"组件:<chart-funnel> —— 快应用组件库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 543

原创 "饼状图-环形图-玫瑰图"组件:<chart-pie> —— 快应用组件库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 701

原创 "柱状图"组件:<chart-bar> —— 快应用组件库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 947

原创 "折线图"组件:<chart-line> —— 快应用组件库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 813 1

原创 "进度条"组件:<chart-progress> —— 快应用组件库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 391

原创 "通告栏"组件:<notice> —— 快应用组件库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 391

原创 "警告提示"组件:<alert> —— 快应用组件库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 268

原创 "全局提示"组件:<message> —— 快应用组件库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 238

原创 "数据加载提示"组件:<loadmore> —— 快应用组件库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 354

原创 "滑动操作"组件:<swipe-action> —— 快应用组件库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 1159

原创 "动作面板"组件:<action-sheet> —— 快应用组件库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 377

原创 "浮动弹层"组件:<float-layout> —— 快应用组件库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 313

原创 "幕帘"组件:<curtain> —— 快应用组件库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 508

原创 "轻提示"组件:<toast> —— 快应用组件库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 273

原创 "模态框"组件:<modal> —— 快应用组件库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 278

原创 "同一行代码片段"组件:<code> —— 快应用组件库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 207

原创 "电脑程序输出"组件:<samp> —— 快应用组件库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 109

原创 "多行代码"组件:<pre> —— 快应用组件库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 159

原创 "按键提示"组件:<kbd> —— 快应用组件库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 177

空空如也

空空如也