高阶组件
地址、缩略语、引用风格、广告、头像、徽标、倒计时、时间轴、分隔符、步骤条、吸顶效果、二维码扫描、分享、地理位置、屏幕亮度、系统音量、电量信息、插入日历、闹钟、发送短信。
快应用H-UI
h-ui是一套为华为快应用开发者量身打制的UI组件库,以传统html5标签为基础,遵循主流前端框架样式命名习惯,对华为快应用原生组件二次封装而成,以实现快应用“全组件式开发”为目标,让快应用开发就像搭积木!
展开
-
"发送短信"组件:<sms> —— 快应用组件库H-UI
发送短信<import name="sms" src="../Common/ui/h-ui/advance/c_sms"></import><template> <div class="container"> <sms data="{{data}}"></sms> </div>...原创 2020-04-04 19:11:26 · 270 阅读 · 0 评论 -
"闹钟"组件:<alarm> —— 快应用组件库H-UI
闹钟<import name="alarm" src="../Common/ui/h-ui/advance/c_alarm"></import><template> <div class="container"> <alarm data="{{data}}"></alarm> </d...原创 2020-04-04 19:03:38 · 286 阅读 · 0 评论 -
"插入日历"组件:<calendar> —— 快应用组件库H-UI
插入日历<import name="calendar" src="../Common/ui/h-ui/advance/c_calendar"></import><template> <div class="container-full"> <calendar data="{{data}}"></cale...原创 2020-04-04 18:42:20 · 478 阅读 · 0 评论 -
"电量信息"组件:<battery> —— 快应用组件库H-UI
电量信息<import name="battery" src="../Common/ui/h-ui/advance/c_battery"></import><template> <div class="container"> <battery id="battery1"></battery> ...原创 2020-04-04 18:32:34 · 191 阅读 · 0 评论 -
"系统音量"组件:<volume> —— 快应用组件库H-UI
系统音量<import name="volume" src="../Common/ui/h-ui/advance/c_volume"></import><template> <div class="container"> <volume id="volume1"></volume> <...原创 2020-04-04 18:27:28 · 495 阅读 · 0 评论 -
"屏幕亮度"组件:<brightness> —— 快应用组件库H-UI
屏幕亮度<import name="brightness" src="../Common/ui/h-ui/advance/c_brightness"></import><template> <div class="container"> <brightness id="brightness1"></br...原创 2020-04-04 17:44:11 · 190 阅读 · 0 评论 -
"地理位置"组件:<geolocation> —— 快应用组件库H-UI
地理位置<import name="geolocation" src="../Common/ui/h-ui/advance/c_geolocation"></import><template> <div class="container"> <geolocation id="geolocation1"><...原创 2020-04-04 17:37:06 · 258 阅读 · 0 评论 -
"分享"组件:<share> —— 快应用组件库H-UI
分享<import name="share" src="../Common/ui/h-ui/advance/c_share"></import><template> <div class="container"> <share text="H-UI——做体验最好的快应用UI库,让快应用开发就像搭积木!">&...原创 2020-04-04 17:22:40 · 361 阅读 · 0 评论 -
"二维码扫描"组件:<qrcode-scan> —— 快应用组件库H-UI
二维码扫描<import name="qrcode-scan" src="../Common/ui/h-ui/advance/c_qrcode_scan"></import><template> <div class="container"> <qrcode-scan id="scan1"></qrco...原创 2020-04-04 17:22:11 · 473 阅读 · 0 评论 -
"吸顶效果"组件:<ceiling> —— 快应用组件库H-UI
吸顶效果<import name="ceiling" src="../Common/ui/h-ui/advance/c_ceiling"></import><import name="news-detail" src="../Common/ui/h-ui/scene/c_news_detail"></import><templat...原创 2020-04-04 17:21:28 · 326 阅读 · 0 评论 -
"步骤条组件"组件:<steps> —— 快应用组件库H-UI
步骤条组件<import name="steps" src="../Common/ui/h-ui/advance/c_steps"></import><template> <div class="container"> <steps></steps> </div></t...原创 2020-04-04 17:18:05 · 1929 阅读 · 0 评论 -
"分隔符组件"组件:<divider> —— 快应用组件库H-UI
分隔符组件<import name="divider" src="../Common/ui/h-ui/advance/c_divider"></import><template> <div class="container"> <divider></divider> </div>...原创 2020-04-04 17:17:34 · 351 阅读 · 0 评论 -
"时间轴组件"组件:<timeline> —— 快应用组件库H-UI
时间轴组件<import name="timeline" src="../Common/ui/h-ui/advance/c_timeline"></import><template> <div class="container"> <timeline data="{{data}}"></timeline...原创 2020-04-04 17:17:06 · 900 阅读 · 1 评论 -
"倒计时"组件:<count-down> —— 快应用组件库H-UI
倒计时<import name="count-down" src="../Common/ui/h-ui/advance/c_count_down"></import><template> <div class="container"> <count-down id="countdown1"></coun...原创 2020-04-04 17:16:44 · 536 阅读 · 0 评论 -
"徽标组件"组件:<brage> —— 快应用组件库H-UI
徽标组件<import name="badge" src="../Common/ui/h-ui/advance/c_badge"></import><template> <div class="container"> <badge> <icon type="chat" size=...原创 2020-04-04 17:16:25 · 185 阅读 · 0 评论 -
"头像组件"组件:<avatar> —— 快应用组件库H-UI
头像组件<import name="avatar" src="../Common/ui/h-ui/advance/c_avatar"></import><template> <div class="container"> <avatar src="https://h-ui.obs.cn-south-1.myhuaw...原创 2020-04-04 17:15:40 · 573 阅读 · 0 评论 -
"广告组件"组件:<ad> —— 快应用组件库H-UI
广告组件<import name="ad" src="../Common/ui/h-ui/advance/c_ad"></import><template> <div class="container"> <ad data="{{list}}"></ad> <...原创 2020-04-04 17:15:17 · 435 阅读 · 0 评论 -
"引用风格"组件:<blockquote> —— 快应用组件库H-UI
引用风格<import name="blockquote" src="../Common/ui/h-ui/advance/c_blockquote"></import><template> <div class="container-full"> <blockquote text="这是一个默认的引用实例。这是一个...原创 2020-04-04 17:14:41 · 186 阅读 · 0 评论 -
"缩略语"组件:<abbr> —— 快应用组件库H-UI
缩略语<import name="abbr" src="../Common/ui/h-ui/advance/c_abbr"></import><template> <div class="container"> <div> <abbr text="h-ui" title="h-u...原创 2020-04-04 17:14:16 · 185 阅读 · 0 评论 -
"地址"组件:<address> —— 快应用组件库H-UI
地址<import name="address" src="../Common/ui/h-ui/advance/c_address"></import><template> <div class="container"> <address header-text="联系作者" header-styles="dang...原创 2020-04-04 17:13:58 · 183 阅读 · 0 评论