【"多行文本"组件:<multi> —— 快应用组件库H-UI】的更多相关文章

"多行文本"组件:<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组件库,以传统html5标签为基础,遵循主流前端框架样式命名习惯,对快应用原生组件二次封装而成,以…

"Tag标签"组件:<tags> —— 快应用组件库H-UI

 <import name="tags" src="../Common/ui/h-ui/text/c_tags"></import> <template> <div class="container"> <tags data="{{data}}"></tags> </div> </template> <style lang=…

"段落"组件:<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标签为基础,遵循主流前端框架样式命名习惯,对快应用原生组件二次封装而成,以实现快应用"全组件式开发…

"浮动按钮"组件:<fab> —— 快应用组件库H-UI

    <import name="fab" src="../Common/ui/h-ui/basic/c_fab"></import> <import name="news-detail" src="../Common/ui/h-ui/scene/c_news_detail"></import> <template> <div class="…

"图片组件"组件:<pic> —— 快应用组件库H-UI

 <import name="pic" src="../Common/ui/h-ui/media/c_pic"></import> <template> <div class="container"> <pic src="https://h-ui.obs.cn-south-1.myhuaweicloud.com/image/hanbao.jpg"></pic&…

"选择图片"组件:<pickimage> —— 快应用组件库H-UI

 <import name="pickimage" src="../Common/ui/h-ui/media/c_pickimage"></import> <template> <div class="container"> <pickimage></pickimage> </div> </template> <style lang="…

"首字母变大写"组件:<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 QuickApp."></capitalize> <…

"字符反向拼接"组件:<reverse> —— 快应用组件库H-UI

 <import name="reverse" src="../Common/ui/h-ui/text/c_text_reverse"></import> <template> <div class="container"> <reverse text="Hello"></reverse> </div> </template> &…

"字母全变小写"组件:<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."></lowercase> </div…

"字母全变大写"组件:<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."></uppercase> </div…

"斜体显示"组件:<i> —— 快应用组件库H-UI

 <import name="i" src="../Common/ui/h-ui/text/c_tag_i"></import> <template> <div class="container"> <i text="斜体显示"></i> </div> </template> <style lang="less&q…

"强调内容"组件:<em> —— 快应用组件库H-UI

 <import name="em" src="../Common/ui/h-ui/text/c_tag_i"></import> <template> <div class="container"> <em text="强调内容"></em> </div> </template> <style lang="les…

"文本加粗"组件:<b> —— 快应用组件库H-UI

 <import name="b" src="../Common/ui/h-ui/text/c_tag_b"></import> <template> <div class="container"> <b text="文本加粗"></b> </div> </template> <style lang="less&q…

"着重内容"组件:<strong> —— 快应用组件库H-UI

 <import name="strong" src="../Common/ui/h-ui/text/c_tag_b"></import> <template> <div class="container"> <strong text="着重内容"></strong> </div> </template> <style la…

"为文本添加下划线"组件:<u> —— 快应用组件库H-UI

 <import name="u" src="../Common/ui/h-ui/text/c_tag_underline"></import> <template> <div class="container"> <u text="为文本添加下划线"></u> </div> </template> <style lang=…

"小号文本"组件:<small> —— 快应用组件库H-UI

 <import name="small" src="../Common/ui/h-ui/text/c_tag_small"></import> <template> <div class="container"> <small text="小号文本"></small> </div> </template> <style l…

"无用的文本"组件:<s> —— 快应用组件库H-UI

 <import name="s" src="../Common/ui/h-ui/text/c_tag_del"></import> <template> <div class="container"> <s text="无用的文本"></s> </div> </template> <style lang="les…

"额外插入的文本"组件:<ins> —— 快应用组件库H-UI

 <import name="ins" src="../Common/ui/h-ui/text/c_tag_underline"></import> <template> <div class="container"> <ins text="额外插入的文本"></ins> </div> </template> <style…

"高亮显示"组件:<mark> —— 快应用组件库H-UI

 <import name="mark" src="../Common/ui/h-ui/text/c_tag_mark"></import> <template> <div class="container"> <div> <mark text="高亮显示"></mark> </div> </div> </tem…

"被删除的文本"组件:<del> —— 快应用组件库H-UI

 <import name="del" src="../Common/ui/h-ui/text/c_tag_del"></import> <template> <div class="container"> <del text="被删除的文本"></del> </div> </template> <style lang=&q…

"六号标题"组件:<h6> —— 快应用组件库H-UI

 <import name="h6" src="../Common/ui/h-ui/text/c_h6"></import> <template> <div class="container"> <h6 text="h6标题"></h6> </div> </template> <style lang="less&q…

"五号标题"组件:<h5> —— 快应用组件库H-UI

 <import name="h5" src="../Common/ui/h-ui/text/c_h5"></import> <template> <div class="container"> <h5 text="h5标题"></h5> </div> </template> <style lang="less&q…

"四号标题"组件:<h4> —— 快应用组件库H-UI

 <import name="h4" src="../Common/ui/h-ui/text/c_h4"></import> <template> <div class="container"> <h4 text="h4标题"></h4> </div> </template> <style lang="less&q…

"二号标题"组件:<h2> —— 快应用组件库H-UI

 <import name="h2" src="../Common/ui/h-ui/text/c_h2"></import> <template> <div class="container"> <h2 text="h2标题"></h2> </div> </template> <style lang="less&q…

"三号标题"组件:<h3> —— 快应用组件库H-UI

 <import name="h3" src="../Common/ui/h-ui/text/c_h3"></import> <template> <div class="container"> <h3 text="h3标题"></h3> </div> </template> <style lang="less&q…

"一号标题"组件:<h1> —— 快应用组件库H-UI

 <import name="h1" src="../Common/ui/h-ui/text/c_h1"></import> <template> <div class="container"> <h1 text="h1标题"></h1> </div> </template> <style lang="less&q…

"按钮"组件:<h-button> —— 快应用组件库H-UI

 <import name="h-button" src="../Common/ui/h-ui/basic/c_button"></import> <template> <div class="container"> <h-button id="button1"></h-button> </div> </template> <…

"文字链接"组件:<h-link> —— 快应用组件库H-UI

 <import name="h-link" src="../Common/ui/h-ui/basic/c_link"></import> <template> <div class="container"> <div> <h-link text="关于我们" href="About"></h-link> </div…

"字体图标"组件:<icon> —— 快应用组件库H-UI

 <import name="icon" src="../Common/ui/h-ui/basic/c_icon"></import> <template> <div class="container"> <icon type="date"></icon> </div> </template> <style lang=&qu…

"视频播放器"组件:<video-player> —— 快应用组件库H-UI

 <import name="video-player" src="../Common/ui/h-ui/media/c_video_player"></import> <template> <div class="container"> <video-player src="https://ss0.bdstatic.com/-0U0bnSm1A5BphGlnYG/cae-legou…