![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
文本组件
一号标题、二号标题、三号标题、四号标题、五号标题、六号标题、段落、标签、高亮显示、删除、无用、插入、下划线、小号文本、着重内容、文本加粗、强调内容、斜体显示、多行文本、字母全变小写、字母全变大写、首字母变大写、字符反向拼接。
快应用H-UI
h-ui是一套为华为快应用开发者量身打制的UI组件库,以传统html5标签为基础,遵循主流前端框架样式命名习惯,对华为快应用原生组件二次封装而成,以实现快应用“全组件式开发”为目标,让快应用开发就像搭积木!
展开
-
"字符反向拼接"组件:<reverse> —— 快应用组件库H-UI
字符反向拼接<import name="reverse" src="../Common/ui/h-ui/text/c_text_reverse"></import><template> <div class="container"> <reverse text="Hello"></reverse>...原创 2020-04-04 17:00:31 · 133 阅读 · 0 评论 -
"首字母变大写"组件:<capitalize> —— 快应用组件库H-UI
首字母变大写<import name="capitalize" src="../Common/ui/h-ui/text/c_text_capitalize"></import><template> <div class="container"> <capitalize text="H-UI is for Quick...原创 2020-04-04 17:00:12 · 174 阅读 · 0 评论 -
"字母全变大写"组件:<uppercase> —— 快应用组件库H-UI
字母全变大写<import name="uppercase" src="../Common/ui/h-ui/text/c_text_uppercase"></import><template> <div class="container"> <uppercase text="H-UI is for QuickApp...原创 2020-04-04 16:59:52 · 107 阅读 · 0 评论 -
"字母全变小写"组件:<lowercase> —— 快应用组件库H-UI
字母全变小写<import name="lowercase" src="../Common/ui/h-ui/text/c_text_lowercase"></import><template> <div class="container"> <lowercase text="H-UI is for QuickApp...原创 2020-04-04 16:59:35 · 99 阅读 · 0 评论 -
"多行文本"组件:<multi> —— 快应用组件库H-UI
多行文本<import name="multi" src="../Common/ui/h-ui/text/c_text_multi"></import><template> <div class="container"> <multi text="h-ui是一套为华为快应用开发者量身打制的UI组件库,以传统html...原创 2020-04-04 16:58:50 · 213 阅读 · 0 评论 -
"斜体显示"组件:<i> —— 快应用组件库H-UI
斜体显示<import name="i" src="../Common/ui/h-ui/text/c_tag_i"></import><template> <div class="container"> <i text="斜体显示"></i> </div></templ...原创 2020-04-04 16:58:34 · 257 阅读 · 0 评论 -
"强调内容"组件:<em> —— 快应用组件库H-UI
强调内容<import name="em" src="../Common/ui/h-ui/text/c_tag_i"></import><template> <div class="container"> <em text="强调内容"></em> </div></te...原创 2020-04-04 16:58:00 · 174 阅读 · 0 评论 -
"文本加粗"组件:<b> —— 快应用组件库H-UI
文本加粗<import name="b" src="../Common/ui/h-ui/text/c_tag_b"></import><template> <div class="container"> <b text="文本加粗"></b> </div></templ...原创 2020-04-04 16:57:41 · 231 阅读 · 0 评论 -
"着重内容"组件:<strong> —— 快应用组件库H-UI
着重内容<import name="strong" src="../Common/ui/h-ui/text/c_tag_b"></import><template> <div class="container"> <strong text="着重内容"></strong> </div...原创 2020-04-04 16:57:23 · 1293 阅读 · 0 评论 -
"小号文本"组件:<small> —— 快应用组件库H-UI
小号文本<import name="small" src="../Common/ui/h-ui/text/c_tag_small"></import><template> <div class="container"> <small text="小号文本"></small> </di...原创 2020-04-04 16:57:05 · 176 阅读 · 0 评论 -
"为文本添加下划线"组件:<u> —— 快应用组件库H-UI
为文本添加下划线<import name="u" src="../Common/ui/h-ui/text/c_tag_underline"></import><template> <div class="container"> <u text="为文本添加下划线"></u> </di...原创 2020-04-04 16:56:38 · 202 阅读 · 0 评论 -
"额外插入的文本"组件:<ins> —— 快应用组件库H-UI
额外插入的文本<import name="ins" src="../Common/ui/h-ui/text/c_tag_underline"></import><template> <div class="container"> <ins text="额外插入的文本"></ins> <...原创 2020-04-04 16:55:33 · 132 阅读 · 0 评论 -
"无用的文本"组件:<s> —— 快应用组件库H-UI
无用的文本<import name="s" src="../Common/ui/h-ui/text/c_tag_del"></import><template> <div class="container"> <s text="无用的文本"></s> </div></t...原创 2020-04-04 11:04:33 · 138 阅读 · 0 评论 -
"被删除的文本"组件:<del> —— 快应用组件库H-UI
被删除的文本<import name="del" src="../Common/ui/h-ui/text/c_tag_del"></import><template> <div class="container"> <del text="被删除的文本"></del> </div>...原创 2020-04-04 11:00:53 · 117 阅读 · 0 评论 -
"高亮显示"组件:<mark> —— 快应用组件库H-UI
高亮显示<import name="mark" src="../Common/ui/h-ui/text/c_tag_mark"></import><template> <div class="container"> <div> <mark text="高亮显示"></...原创 2020-04-04 10:57:21 · 111 阅读 · 0 评论 -
"Tag标签"组件:<tags> —— 快应用组件库H-UI
Tag标签<import name="tags" src="../Common/ui/h-ui/text/c_tags"></import><template> <div class="container"> <tags data="{{data}}"></tags> </div&g...原创 2020-04-04 10:53:19 · 201 阅读 · 0 评论 -
"html富文本"组件:<richtext> —— 快应用原生组件
html富文本(华为官方组件)<template> <div class="container-full"> <richtext type="html">{{content}}</richtext> </div></template><style lang="less">...原创 2020-04-04 10:48:05 · 1038 阅读 · 0 评论 -
"格式化的文本"组件:<span> —— 快应用原生组件
格式化的文本(华为官方组件)<template> <div class="container"> <text><span class="success">天下武功</span> <span class="info">唯快不破</span></text> </di...原创 2020-04-04 10:42:51 · 480 阅读 · 0 评论 -
"文本"组件:<text> —— 快应用原生组件
文本(华为官方组件)<template> <div class="container"> <text>H-UI</text> </div></template><style lang="less"> @import '../Common/styles/contain...原创 2020-04-04 10:37:59 · 141 阅读 · 0 评论 -
"段落"组件:<p> —— 快应用组件库H-UI
段落<import name="p" src="../Common/ui/h-ui/text/c_p"></import> <template> <div class="container"> <p text="h-ui是一套为华为快应用开发者量身打制的UI组件库,以传统html5标签为基础,遵循主流前端框架样式...原创 2020-04-04 10:32:13 · 162 阅读 · 0 评论 -
"六号标题"组件:<h6> —— 快应用组件库H-UI
六号标题<import name="h6" src="../Common/ui/h-ui/text/c_h6"></import><template> <div class="container"> <h6 text="h6标题"></h6> </div></templ...原创 2020-04-04 10:26:12 · 90 阅读 · 0 评论 -
"五号标题"组件:<h5> —— 快应用组件库H-UI
五号标题<import name="h5" src="../Common/ui/h-ui/text/c_h5"></import><template> <div class="container"> <h5 text="h5标题"></h5> </div></templ...原创 2020-04-04 10:22:34 · 172 阅读 · 0 评论 -
"四号标题"组件:<h4> —— 快应用组件库H-UI
四号标题<import name="h4" src="../Common/ui/h-ui/text/c_h4"></import><template> <div class="container"> <h4 text="h4标题"></h4> </div></templ...原创 2020-04-04 10:18:01 · 125 阅读 · 0 评论 -
"三号标题"组件:<h3> —— 快应用组件库H-UI
三号标题<import name="h3" src="../Common/ui/h-ui/text/c_h3"></import><template> <div class="container"> <h3 text="h3标题"></h3> </div></templ...原创 2020-04-04 10:13:51 · 127 阅读 · 0 评论 -
"二号标题"组件:<h2> —— 快应用组件库H-UI
二号标题<import name="h2" src="../Common/ui/h-ui/text/c_h2"></import><template> <div class="container"> <h2 text="h2标题"></h2> </div></templ...原创 2020-04-04 10:07:42 · 154 阅读 · 0 评论 -
"一号标题"组件:<h1> —— 快应用组件库H-UI
一号标题<import name="h1" src="../Common/ui/h-ui/text/c_h1"></import><template> <div class="container"> <h1 text="h1标题"></h1> </div></templ...原创 2020-04-04 10:03:08 · 200 阅读 · 0 评论