Skip to content
My Docs

Link 链接

基本用法

可通过 href 属性设置链接地址, target 属性设置跳转方式，插槽的方式设置显示文本

Link 
<Link href="link.html" class="hover:underline">Link</Link>

悬浮Icon效果

可设置 visibility 属性来设置悬浮效果, 配置项

  • hover 悬浮Icon
  • none 隐藏Icon
  • fixed 固定Icon
VisibilityHover VisibilityNone VisibilityFixed 
  <Link href="link.html" visibility="hover">VisibilityHover</Link>
  <Link href="link.html" visibility="none">VisibilityNone</Link>
  <Link href="link.html" visibility="fixed">VisibilityFixed</Link>

自定义样式

可通过 class 属性设置自定义样式

Link 
<Link class="hover:text-sky-700 text-orange-500" href="link.html">Link</Link>

API

属性说明类型默认值
href跳转链接string-
target设置跳转方式
可选值:
“_self”、“_blank”		Enum_self
class组件自定样式string-
theme组件主题配置（可选值为 tailwind.config 配置的主题名称）stringprimary
visibility设置跳转方式
可选值:
“hover”、“none”、“fixed”		Enumhover