"文字链接"组件:<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>
</div>
</template>
<style lang="less">
@import '../Common/styles/container.less';
</style>

<import name="h-link" src="../Common/ui/h-ui/basic/c_h-link"></import>
<template>
<div class="container">
<h-link text="默认链接" href="About"></h-link>
<h-link text="主要链接" href="About" type="primary"></h-link>
<h-link text="成功链接" href="About" type="success"></h-link>
<h-link text="警告链接" href="About" type="success"></h-link>
<h-link text="危险链接" href="About" type="danger"></h-link>
<h-link text="危险链接" href="About" type="info"></h-link>
</div>
</template>
<style lang="less">
@import '../Common/styles/container.less';
</style>

<import name="h-link" src="../Common/ui/h-ui/basic/c_h-link"></import>
<template>
<div class="container">
<h-link text="默认链接" href="About" size="60"></h-link>
<h-link text="主要链接" href="About" type="primary" size="60"></h-link>
<h-link text="成功链接" href="About" type="success" size="60"></h-link>
<h-link text="警告链接" href="About" type="warning" size="60"></h-link>
<h-link text="危险链接" href="About" type="danger" size="60"></h-link>
<h-link text="危险链接" href="About" type="info" size="60"></h-link>
</div>
</template>
<style lang="less">
@import '../Common/styles/container.less';
</style>

<import name="h-link" src="../Common/ui/h-ui/basic/c_h-link"></import>
<template>
<div class="container">
<h-link text="默认链接" href="About" disabled="true"></h-link>
<h-link text="主要链接" href="About" type="primary" disabled="true"></h-link>
<h-link text="成功链接" href="About" type="success" disabled="true"></h-link>
<h-link text="警告链接" href="About" type="warning" disabled="true"></h-link>
<h-link text="危险链接" href="About" type="danger" disabled="true"></h-link>
<h-link text="危险链接" href="About" type="info" disabled="true"></h-link>
</template>
<style lang="less">
@import '../Common/styles/container.less';
</style>

<import name="h-link" src="../Common/ui/h-ui/basic/c_h-link"></import>
<template>
<div class="container">
<h-link text="主要链接" href="About" type="danger" underline="true"></h-link>
</template>
<style lang="less">
@import '../Common/styles/container.less';
</style>

<import name="h-link" src="../Common/ui/h-ui/basic/c_h-link"></import>
<template>
<div class="container">
<h-link text="编辑" href="About" icon="edit"></h-link>
</template>
<style lang="less">
@import '../Common/styles/container.less';
</style>

<import name="h-link" src="../Common/ui/h-ui/basic/c_h-link"></import>
<template>
<div class="container">
<h-link text="查看" href="About" icon="eye-open" align-right="true"></h-link>
</template>
<style lang="less">
@import '../Common/styles/container.less';
</style>
扫码体验

"文字链接"组件:<h-link> —— 快应用组件库H-UI的更多相关文章
- "Flex弹性布局"组件:<flex-row><flex-col> —— 快应用组件库H-UI
 <import name="flex-row" src="../Common/ui/h-ui/basic/c_flex_row"></im ...
- "六号标题"组件:<h6> —— 快应用组件库H-UI
 <import name="h6" src="../Common/ui/h-ui/text/c_h6"></import> < ...
- "五号标题"组件:<h5> —— 快应用组件库H-UI
 <import name="h5" src="../Common/ui/h-ui/text/c_h5"></import> < ...
- "四号标题"组件:<h4> —— 快应用组件库H-UI
 <import name="h4" src="../Common/ui/h-ui/text/c_h4"></import> < ...
- "二号标题"组件:<h2> —— 快应用组件库H-UI
 <import name="h2" src="../Common/ui/h-ui/text/c_h2"></import> < ...
- "三号标题"组件:<h3> —— 快应用组件库H-UI
 <import name="h3" src="../Common/ui/h-ui/text/c_h3"></import> < ...
- "一号标题"组件:<h1> —— 快应用组件库H-UI
 <import name="h1" src="../Common/ui/h-ui/text/c_h1"></import> < ...
- "Tag标签"组件:<tags> —— 快应用组件库H-UI
 <import name="tags" src="../Common/ui/h-ui/text/c_tags"></import> ...
- 免费开源的DotNet二维码操作组件ThoughtWorks.QRCode(.NET组件介绍之四)
在生活中有一种东西几乎已经快要成为我们的另一个电子”身份证“,那就是二维码.无论是在软件开发的过程中,还是在普通用户的日常中,几乎都离不开二维码.二维码 (dimensional barcode) , ...
- 【react表格组件】material-table 基本用法 & 组件override
教程: https://mbrn.github.io/material-table/#/ https://material-ui.com/api/table/ github: https://gith ...
随机推荐
- 不要再认为Stream可读性不高了!
距离Java 8发布已经过去了7.8年的时间,Java 14也刚刚发布.Java 8中关于函数式编程和新增的Stream流API至今饱受"争议". 如果你不曾使用Stream流,那 ...
- 《Python学习手册 第五版》 -第15章 文档
本章主要介绍Python中的文档,会通过多种方式来说明,如果查看Python自带文档和其他参考的资料 本章重点内容 1.#注释:源文件文档 2.dir函数:以列表显示对象中可用的属性 3.文档字符串 ...
- Fluent算例精选|03利用VOF和蒸发-冷凝模型
通过学习本算例您将获得? 1.学会基本的VOF模型设置流程 2.学会利用蒸发-冷凝模型来模拟传热沸腾 目录 1摘要4 2传热沸腾模型介绍4 3前处理4 4求解设置5 4.1启动Fluent5 4.2网 ...
- python关于字典如何格式化地写入文件之中
1.python关于字典如何式化地写入文件之中 如何写入:https://blog.csdn.net/qq_15642411/article/details/79943741 (推荐使用json包) ...
- Mac brew命令的使用
mac 终端程序管理工具 能让你更快速的安装你想要的工具.而不用考虑大量的依赖. 安装brew复制下面的命令,终端执行 官网Homebrew /usr/bin/ruby -e "$(cur ...
- 【codeforces】Codeforces Round #606 E. Two Fairs——图论
题目链接 题意 给你一张无向图,求出有多少对点对(x, y)满足从点x到点y的所有路径必同时经过点a和点b 分析 单点 首先考虑假如点a和点b是同一个点的情况 我从任意的一点出发,把所有与点a/b相连 ...
- C 实战练习题目1
题目:有1.2.3.4个数字,能组成多少个互不相同且无重复数字的三位数?都是多少? 程序分析:可填在百位.十位.个位的数字都是1.2.3.4.组成所有的排列后再去 掉不满足条件的排列. 实例: #in ...
- 图像配准:从SIFT到深度学习
图像配准(Image Registration)是计算机视觉中的基本步骤.在本文中,我们首先介绍基于OpenCV的方法,然后介绍深度学习的方法. 什么是图像配准 图像配准就是找到一幅图像像素到另一 ...
- 吴恩达最新TensorFlow专项课程开放注册,你离TF Boy只差这一步
不需要 ML/DL 基础,不需要深奥数学背景,初学者和软件开发者也能快速掌握 TensorFlow.掌握人工智能应用的开发秘诀. 以前,吴恩达的机器学习课程和深度学习课程会介绍很多概念与知识,虽然也会 ...
- arcgis发布服务后显示证书不安全,将https改为http
arcgis server发布服务后显示证书不安全,无法浏览. 要通过https://localhost:port/arcgis/admin作如下修改 update之后地图服务会重启,耐心等待一会儿就 ...