![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
导航组件
导航栏、标签栏、页内标签、分段器、面包屑、顶部菜单、宫格导航、抽屉、分页器、索引选择器。
快应用H-UI
h-ui是一套为华为快应用开发者量身打制的UI组件库,以传统html5标签为基础,遵循主流前端框架样式命名习惯,对华为快应用原生组件二次封装而成,以实现快应用“全组件式开发”为目标,让快应用开发就像搭积木!
展开
-
"索引选择器"组件:<indexes> —— 快应用组件库H-UI
<import name="indexes" src="../Common/ui/h-ui/navigation/c_indexes"></import><template> <indexes id="indexes" data="{{data}}"></indexes></template><sc...原创 2020-04-17 15:06:58 · 297 阅读 · 0 评论 -
"分页器"组件:<pagination> —— 快应用组件库H-UI
<import name="pagination" src="../Common/ui/h-ui/navigation/c_pagination"></import><template> <div class="container"> <pagination id="pagination1" total="48"&g...原创 2020-04-17 14:59:31 · 566 阅读 · 0 评论 -
"抽屉"组件:<drawer> —— 快应用组件库H-UI
<import name="drawer" src="../Common/ui/h-ui/navigation/c_drawer"></import><import name="h-button" src="../Common/ui/h-ui/basic/c_button"></import><template> <...原创 2020-04-17 14:48:36 · 510 阅读 · 0 评论 -
"宫格导航"组件:<grid> —— 快应用组件库H-UI
"宫格导航"组件:<grid> —— 快应用组件库H-UI<import name="grid" src="../Common/ui/h-ui/navigation/c_grid"></import><template> <div class="container"> <grid data="{{dat...原创 2020-04-17 14:39:10 · 621 阅读 · 0 评论 -
"顶部菜单"组件:<top-menu> —— 快应用组件库H-UI
顶部菜单一直悬停快应用页面顶部:<import name="top-menu" src="../Common/ui/h-ui/navigation/c_top_menu"></import><import name="news-detail" src="../Common/ui/h-ui/scene/c_news_detail"></impor...原创 2020-04-17 14:23:43 · 917 阅读 · 0 评论 -
"面包屑"组件:<breadcrumb> —— 快应用组件库H-UI
点击路径“首页”,可转向首页:<import name="breadcrumb" src="../Common/ui/h-ui/navigation/c_breadcrumb"></import><template> <div class="container"> <breadcrumb data="{{dat...原创 2020-04-17 14:16:19 · 947 阅读 · 0 评论 -
"分段器"组件:<segment> —— 快应用组件库H-UI
<import name="segment" src="../Common/ui/h-ui/navigation/c_segment"></import><template> <div class="container-full"> <segment data="{{data}}"> ...原创 2020-04-17 14:09:01 · 441 阅读 · 0 评论 -
"页内标签"组件:<tab> —— 快应用组件库H-UI
<import name="tab" src="../Common/ui/h-ui/navigation/c_tab"></import><template> <div class="container-full"> <tab data="{{data}}"> <div cl...原创 2020-04-17 13:59:49 · 199 阅读 · 0 评论 -
"标签栏"组件:<main-tab> —— 快应用组件库H-UI
<import name="main-tab" src="../Common/ui/h-ui/navigation/c_main_tab"></import><template> <div class="container-full"> <main-tab data="{{data}}"> ...原创 2020-04-17 13:52:58 · 537 阅读 · 0 评论 -
"导航栏"组件:<nav-bar> —— 快应用组件库H-UI
点击右上角按钮,从右侧划入自定义菜单<import name="nav-bar" src="../Common/ui/h-ui/navigation/c_nav_bar"></import><template> <div class="container-full"> <nav-bar id="navbar" ...原创 2020-04-17 13:43:34 · 453 阅读 · 0 评论