表单组件
单行文本输入-增强版、用户名、密码、邮箱、手机、电话、网址、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 · 536 阅读 · 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 · 637 阅读 · 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 · 610 阅读 · 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 · 123 阅读 · 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 · 348 阅读 · 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 · 487 阅读 · 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 · 630 阅读 · 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 · 298 阅读 · 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 · 708 阅读 · 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 · 854 阅读 · 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 · 691 阅读 · 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 · 657 阅读 · 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 · 833 阅读 · 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 · 379 阅读 · 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 · 448 阅读 · 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 · 381 阅读 · 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 · 637 阅读 · 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 · 503 阅读 · 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 · 372 阅读 · 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 · 317 阅读 · 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 · 215 阅读 · 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 · 175 阅读 · 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 · 139 阅读 · 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 · 182 阅读 · 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 · 134 阅读 · 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 · 233 阅读 · 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 · 347 阅读 · 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 · 574 阅读 · 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 · 177 阅读 · 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 · 535 阅读 · 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 · 204 阅读 · 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 · 3424 阅读 · 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 · 357 阅读 · 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 · 264 阅读 · 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 · 223 阅读 · 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 · 263 阅读 · 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 · 1033 阅读 · 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 · 256 阅读 · 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 · 229 阅读 · 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 · 394 阅读 · 0 评论