关注
分享
单行文本输入-增强版、用户名、密码、邮箱、手机、电话、网址、IP地址、身份证号、信用卡号、车牌号码、邮政编码、手机验证码、图片验证码、字节型整数、短整数、整数、长整数、价格、星级评分、滑动选择器-增强版、范围选择器、开关-增强版、日期选择器、时间选择器、日期时间选择器、日期范围、时间范围、单选框、多
快应用H-UI
h-ui是一套为华为快应用开发者量身打制的UI组件库，以传统html5标签为基础，遵循主流前端框架样式命名习惯，对华为快应用原生组件二次封装而成，以实现快应用“全组件式开发”为目标，让快应用开发就像搭积木！
展开
-
"表单"组件:<form> —— 快应用组件库H-UI
<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="username" src="../Common/ui/h-ui/form/c_username"></import><import name="password" src="....原创 2020-04-16 21:01:00 · 521 阅读 · 0 评论 -
"编辑器"组件:<editor> —— 快应用组件库H-UI
<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="editor" src="../Common/ui/h-ui/form/c_editor"></import><template> <div class="con...原创 2020-04-16 20:51:07 · 617 阅读 · 3 评论 -
"上传"组件:<upload> —— 快应用组件库H-UI
点击上传图标，调出选择图片的界面：上传中：点击图片左上角删除图标，可删除相应图片。<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="upload" src="../Common/ui/h-ui/form/c_upload"></imp...原创 2020-04-16 20:32:57 · 569 阅读 · 0 评论 -
"静态控件"组件:<static> —— 快应用组件库H-UI
<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="static" src="../Common/ui/h-ui/form/c_static"></import><template> <div class="con...原创 2020-04-16 19:58:53 · 105 阅读 · 0 评论 -
"搜索栏"组件:<search> —— 快应用组件库H-UI
<import name="search" src="../Common/ui/h-ui/form/c_search"></import><template> <div class="container"> <search uri="https://h-ui-mobi.blog.csdn.net" placehold...原创 2020-04-16 19:46:58 · 330 阅读 · 0 评论 -
"穿梭框"组件:<transfer> —— 快应用组件库H-UI
<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="transfer" src="../Common/ui/h-ui/form/c_transfer"></import><template> <div class=...原创 2020-04-16 19:41:07 · 475 阅读 · 0 评论 -
"颜色选择器"组件:<color-picker> —— 快应用组件库H-UI
<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="color-picker" src="../Common/ui/h-ui/form/c_color_picker"></import><template> <...原创 2020-04-16 19:28:38 · 592 阅读 · 0 评论 -
"滚动选择器"组件:<h-picker> —— 快应用组件库H-UI
<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="h-picker" src="../Common/ui/h-ui/form/c_picker"></import><template> <div class=...原创 2020-04-16 19:13:50 · 273 阅读 · 0 评论 -
"级联选择器"组件:<cascader> —— 快应用组件库H-UI
<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="cascader" src="../Common/ui/h-ui/form/c_cascader"></import><template> <div class...原创 2020-04-16 18:58:18 · 665 阅读 · 0 评论 -
"下拉选择按钮"组件:<h-select> —— 快应用组件库H-UI
<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="h-select" src="../Common/ui/h-ui/form/c_select"></import><template> <div class=...原创 2020-04-16 18:32:44 · 808 阅读 · 0 评论 -
"多选框"组件:<checkbox> —— 快应用组件库H-UI
<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="checkbox" src="../Common/ui/h-ui/form/c_checkbox"></import><template> <div class=...原创 2020-04-16 18:17:14 · 654 阅读 · 0 评论 -
"单选框"组件:<radio> —— 快应用组件库H-UI
"单选框"组件:<radio> —— 快应用组件库H-UI<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="radio" src="../Common/ui/h-ui/form/c_radio"></import><t...原创 2020-04-16 18:00:50 · 629 阅读 · 0 评论 -
"时间范围"组件:<time-range> —— 快应用组件库H-UI
<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="time-range" src="../Common/ui/h-ui/form/c_time_range"></import><template> <div cl...原创 2020-04-16 17:26:14 · 820 阅读 · 0 评论 -
"日期范围"组件:<date-range> —— 快应用组件库H-UI
<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="date-range" src="../Common/ui/h-ui/form/c_date_range"></import><template> <div cl...原创 2020-04-16 17:08:33 · 347 阅读 · 0 评论 -
"日期时间选择器"组件:<date-time> —— 快应用组件库H-UI
<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="date-time" src="../Common/ui/h-ui/form/c_date_time"></import><template> <div clas...原创 2020-04-16 16:54:38 · 413 阅读 · 0 评论 -
"时间选择器"组件:<time> —— 快应用组件库H-UI
华为快应用下点击时间：快应用联盟下点击时间：<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="time" src="../Common/ui/h-ui/form/c_time"></import><template>...原创 2020-04-16 16:39:09 · 365 阅读 · 0 评论 -
"日期选择器"组件:<date> —— 快应用组件库H-UI
华为快应用下点击日期：快应用联盟下点击日期：<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="date" src="../Common/ui/h-ui/form/c_date"></import><template>...原创 2020-04-16 16:22:42 · 596 阅读 · 0 评论 -
"开关"组件:<h-switch> —— 快应用组件库H-UI
<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="h-switch" src="../Common/ui/h-ui/form/c_switch"></import><template> <div class="c...原创 2020-04-16 15:58:35 · 484 阅读 · 0 评论 -
"范围选择器"组件:<range> —— 快应用组件库H-UI
<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="range" src="../Common/ui/h-ui/form/c_range"></import><template> <div class="conta...原创 2020-04-16 15:36:56 · 336 阅读 · 0 评论 -
"滑动选择器"组件:<h-slider> —— 快应用组件库H-UI
<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="h-slider" src="../Common/ui/h-ui/form/c_slider"></import><template> <div class="c...原创 2020-04-16 15:19:29 · 305 阅读 · 0 评论 -
"星级评分"组件:<rate> —— 快应用组件库H-UI
<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="rate" src="../Common/ui/h-ui/form/c_rate"></import><template> <div class="contain...原创 2020-04-16 15:06:06 · 202 阅读 · 0 评论 -
"价格"组件:<price> —— 快应用组件库H-UI
<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="price" src="../Common/ui/h-ui/form/c_price"></import><template> <div class="conta...原创 2020-04-16 10:34:55 · 168 阅读 · 0 评论 -
"长整数"组件:<long> —— 快应用组件库H-UI
<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="long" src="../Common/ui/h-ui/form/c_long"></import><template> <div class="contain...原创 2020-04-15 22:39:43 · 127 阅读 · 0 评论 -
"整数"组件:<int> —— 快应用组件库H-UI
<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="int" src="../Common/ui/h-ui/form/c_int"></import><template> <div class="container...原创 2020-04-15 22:24:55 · 172 阅读 · 0 评论 -
"短整数"组件:<short> —— 快应用组件库H-UI
<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="short" src="../Common/ui/h-ui/form/c_short"></import><template> <div class="conta...原创 2020-04-15 22:12:29 · 120 阅读 · 0 评论 -
"字节型整数"组件:<byte> —— 快应用组件库H-UI
"字节型整数"组件:<byte> —— 快应用组件库H-UI空值时自动校验：输入正确时：自动校正数据功能：如果输入大于127的数字，会自动纠正为127.<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="byte" src="../C...原创 2020-04-15 22:03:11 · 220 阅读 · 0 评论 -
"图片验证码"组件:<vcode> —— 快应用组件库H-UI
空值时自动校验：验证码输入错误时自动校验：验证码输入正确时：点击验证码可产生一个新验证码，输入忽略大小写：<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="vcode" src="../Common/ui/h-ui/form/c_vcode"...原创 2020-04-15 20:19:59 · 322 阅读 · 0 评论 -
"手机验证码"组件:<smscode> —— 快应用组件库H-UI
手机验证码组件——快应用组件库H-UI输入手机号时自动校验手机号格式：输入正确时：点击“发送”按钮后会通知页面监控，同时进入倒计时：倒计时归0后重新显示发送按钮。<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="mobile" src="...原创 2020-04-05 22:30:17 · 543 阅读 · 0 评论 -
"邮政编码"组件:<postcode> —— 快应用组件库H-UI
邮政编码组件——快应用组件库H-UI获得焦点时的状态：空值时自动校验：不符合格式要求时自动校验：输入格式正确时：<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="postcode" src="../Common/ui/h-ui/form/c...原创 2020-04-05 21:47:51 · 167 阅读 · 0 评论 -
"车牌号码"组件:<vehicleno> —— 快应用组件库H-UI
车牌号码组件——快应用组件库H-UI获得焦点时的状态：空值时自动校验：不符合格式要求时自动校验：输入格式正确时：<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="vehicleno" src="../Common/ui/h-ui/form/...原创 2020-04-05 21:29:00 · 522 阅读 · 0 评论 -
"信用卡号码"组件:<creditcard> —— 快应用组件库H-UI
信用卡号码组件——快应用组件库H-UI获得焦点时的状态：空值时自动校验：不符合格式要求时自动校验：输入格式正确时：<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="creditcard" src="../Common/ui/h-ui/for...原创 2020-04-05 21:09:12 · 188 阅读 · 0 评论 -
"身份证号码"组件:<idcard> —— 快应用组件库H-UI
身份证号码组件——快应用组件库H-UI获得焦点时的状态：空值时自动校验：不符合格式要求时自动校验：输入格式正确时：<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="idcard" src="../Common/ui/h-ui/form/c_...原创 2020-04-05 20:49:05 · 3398 阅读 · 0 评论 -
"IP地址"组件:<ip> —— 快应用组件库H-UI
IP地址组件——快应用组件库H-UI获得焦点时的状态：空值时自动校验：不符合格式要求时自动校验：输入格式正确时：<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="ip" src="../Common/ui/h-ui/form/c_ip"&g...原创 2020-04-05 20:27:13 · 346 阅读 · 0 评论 -
"网址"组件:<url> —— 快应用组件库H-UI
网址组件——快应用组件库H-UI获得焦点时的状态：空值时自动校验：不符合格式要求时自动校验：输入格式正确时：<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="url" src="../Common/ui/h-ui/form/c_url"&g...原创 2020-04-05 19:31:25 · 258 阅读 · 0 评论 -
"电话号码"组件:<tel> —— 快应用组件库H-UI
电话号码组件——快应用组件库H-UI获得焦点时的状态：空值时自动校验：不符合格式要求时自动校验：输入格式正确时：<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="tel" src="../Common/ui/h-ui/form/c_tel"...原创 2020-04-05 18:57:35 · 210 阅读 · 0 评论 -
"手机号码"组件:<mobile> —— 快应用组件库H-UI
手机号码组件——快应用组件库H-UI获得焦点时的状态：空值时自动校验：不符合格式要求时自动校验：输入格式正确时：<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="mobile" src="../Common/ui/h-ui/form/c_m...原创 2020-04-05 18:37:33 · 251 阅读 · 0 评论 -
"邮箱"组件:<email> —— 快应用组件库H-UI
邮箱组件获得焦点时的状态：空值时自动校验：不符合格式要求时自动校验：输入格式正确时：<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="email" src="../Common/ui/h-ui/form/c_email"></i...原创 2020-04-05 12:40:26 · 1005 阅读 · 0 评论 -
"密码"组件:<password> —— 快应用组件库H-UI
密码组件获得焦点时的状态：空值时自动校验：不符合格式要求时自动校验：输入格式正确时：<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="password" src="../Common/ui/h-ui/form/c_password">...原创 2020-04-05 12:20:34 · 245 阅读 · 0 评论 -
"用户名"组件:<username> —— 快应用组件库H-UI
用户名获得焦点时的状态：空值时自动校验：不符合用户名格式要求时自动校验：输入格式正确时：<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="username" src="../Common/ui/h-ui/form/c_username"&g...原创 2020-04-05 11:45:26 · 218 阅读 · 0 评论 -
"单行输入"组件:<h-input> —— 快应用组件库H-UI
单行输入<import name="form" src="../Common/ui/h-ui/form/c_form"></import><import name="button" src="../Common/ui/h-ui/basic/c_button"></import><import name="h-input" src="....原创 2020-04-05 11:15:27 · 378 阅读 · 0 评论