Skip to content
My Docs

LinkText 文本链接

基本用法

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


LinkText LinkText 

  <LinkText href="linktext.html" target="_blank" >LinkText</LinkText>
  <LinkText href="linktext.html">LinkText</LinkText>

设置主题

可以通过 theme 属性设置主题, 可选值为 tailwind.config 配置的主题名称 默认值为 “primary”


LinkText LinkText LinkText 

  <LinkText href="linktext.html">LinkText</LinkText>
  <LinkText href="linktext.html" theme="secondary">LinkText</LinkText>
  <LinkText href="linktext.html" theme="accent">LinkText</LinkText>

设置是否有 hover 效果

可以通过 visibility 属性设置 hover 效果, 可选值为 hover、fixed、none，默认为 hover


hover fixed none 
  <LinkText href="linktext.html" target="_blank">hover</LinkText>
  <LinkText href="linktext.html" target="_blank" visibility="fixed">fixed</LinkText>
  <LinkText href="linktext.html" target="_blank" visibility="none">none</LinkText>

API

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