Link 链接

文字超链接用于跳转一个新页面,如当前项目跳转、友情链接等。

演示

9:41

代码示例

<re-link size="small" theme="primary" content="跳转链接" :hover="true" />
  <re-link size="small" content="跳转链接" :hover="true" />
  <re-link size="small" theme="primary" content="跳转链接" :underline="true" :hover="true" />
  <re-link size="small" content="跳转链接" :underline="true" :hover="true" />
  <re-link size="small" theme="primary" content="跳转链接" prefixIcon="link" :hover="true" />
  <re-link size="small" content="跳转链接" prefixIcon="link" :hover="true" />
  <re-link size="small" theme="primary" content="跳转链接" suffixIcon="jump" :hover="true" />
  <re-link size="small" content="跳转链接" suffixIcon="jump" :hover="true" />
  <re-link :navigatorProps="navigatorProps" size="small" theme="primary" content="跳转链接" suffixIcon="jump" :hover="true" />
  <re-link size="small" content="跳转链接" suffixIcon="jump" :hover="true" />
  <re-link size="small" theme="danger" content="跳转链接" suffixIcon="jump" :hover="true" />
  <re-link size="small" theme="warning" content="跳转链接" suffixIcon="jump" :hover="true" />
  <re-link size="small" theme="success" content="跳转链接" suffixIcon="jump" :hover="true" />
  <re-link size="small" theme="primary" content="url链接" suffixIcon="jump" :disabled="true" :hover="true" />
  <re-link size="small" content="跳转链接" suffixIcon="jump" :disabled="true" />
  <re-link size="small" theme="danger" content="跳转链接" suffixIcon="jump" :disabled="true" />
  <re-link size="small" theme="warning" content="跳转链接" suffixIcon="jump" :disabled="true" />
  <re-link size="small" theme="success" content="跳转链接" suffixIcon="jump" :disabled="true" />
  <re-link size="small" theme="primary" content="S号链接" suffixIcon="jump" :hover="true" />
  <re-link theme="primary" content="M号链接" suffixIcon="jump" :hover="true" />
  <re-link size="large" theme="primary" content="L号链接" suffixIcon="jump" :hover="true" />

引入

推荐使用 easycom 模式,配置后无需手动 import 即可直接使用 <re-link />。

API

名称类型默认值描述必传
contentstring''内容文字N
disabledbooleanfalse是否禁用N
hoverbooleanfalse-N
navigatorPropsUTSJSONObject | nullnull-N
prefixIconstring | UTSJSONObject | nullnull-N
sizestring'medium'尺寸N
suffixIconstring | UTSJSONObject | nullnull-N
themestring'default'主题风格N
underlinebooleanfalse-N
customStylestring''自定义样式N
名称参数描述
click-点击时触发
successdetail: UTSJSONObject成功时触发
faildetail: UTSJSONObject失败时触发
completedetail: UTSJSONObject-
名称描述
default默认插槽
content-