![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
数据组件
导航列表、有序列表、无序列表、定义列表、表格、树形控件、卡片、折叠面板
快应用H-UI
h-ui是一套为华为快应用开发者量身打制的UI组件库,以传统html5标签为基础,遵循主流前端框架样式命名习惯,对华为快应用原生组件二次封装而成,以实现快应用“全组件式开发”为目标,让快应用开发就像搭积木!
展开
-
"折叠面板"组件:<collapse> —— 快应用组件库H-UI
展开效果:<import name="collapse" src="../Common/ui/h-ui/data/c_collapse"></import><template> <div class="container"> <collapse data="{{data}}"></collapse&g...原创 2020-04-17 12:31:12 · 318 阅读 · 0 评论 -
"卡片"组件:<card> —— 快应用组件库H-UI
<import name="card" src="../Common/ui/h-ui/data/c_card"></import><template> <div class="container"> <card title="H-UI"> <text> ...原创 2020-04-17 12:17:52 · 375 阅读 · 0 评论 -
"表格"组件:<table><tr><td> —— 快应用组件库H-UI
<import name="table" src="../Common/ui/h-ui/data/c_table"></import><import name="thead" src="../Common/ui/h-ui/data/c_thead"></import><import name="tbody" src="../Common/...原创 2020-04-17 11:56:34 · 796 阅读 · 0 评论 -
"定义列表"组件:<dl><dt><dd> —— 快应用组件库H-UI
<import name="dl" src="../Common/ui/h-ui/data/c_list_dl"></import><import name="dt" src="../Common/ui/h-ui/data/c_list_dt"></import><import name="dd" src="../Common/ui/h-...原创 2020-04-17 11:25:07 · 250 阅读 · 0 评论 -
"无序列表"组件:<ul><li> —— 快应用组件库H-UI
<import name="ul" src="../Common/ui/h-ui/data/c_list_ul"></import><import name="li" src="../Common/ui/h-ui/data/c_list_li"></import><template> <div class="conta...原创 2020-04-17 11:16:31 · 281 阅读 · 0 评论 -
"有序列表"组件:<ol><li> —— 快应用组件库H-UI
<import name="ol" src="../Common/ui/h-ui/data/c_list_ol"></import><import name="li" src="../Common/ui/h-ui/data/c_list_li"></import><template> <div class="conta...原创 2020-04-17 10:58:32 · 157 阅读 · 0 评论 -
"导航列表"组件:<list-nav> —— 快应用组件库H-UI
<import name="list-nav" src="../Common/ui/h-ui/data/c_list_nav"></import><template> <div class="container-full"> <list-nav list="{{data}}" list-title="导航列表标题"&...原创 2020-04-17 10:45:18 · 801 阅读 · 0 评论