KeCheng

2.4 KiB

Raw Blame History Unescape Escape

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

title	description	spline	isComponent
Link 链接	文字超链接用于跳转一个新页面，如当前项目跳转，友情链接等。	navigation	true

该组件于 0.32.0 版本上线，请留意版本。

引入

全局引入，在 miniprogram 根目录下的app.json中配置，局部引入，在需要引入的页面或组件的index.json中配置。

"usingComponents": {
  "t-link": "tdesign-miniprogram/link/link",
}

代码演示

组件类型

基础文字链接

下划线文字链接

前置图标文字链接

后置图标文字链接

组件状态

不同主题

禁用状态

组件样式

链接尺寸

API

Link Props

名称	类型	默认值	说明	必传
content	String / Slot	-	链接内容	N
navigator-props	Object	-	与 navigator 原生组件属性保持一致，具体使用参考：https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html。	N
prefix-icon	String / Object / Slot	-	前置图标	N
size	String	medium	尺寸。可选项：small/medium/large。TS 类型：`SizeEnum`	N
status	String	normal	已废弃。组件状态。可选项：normal/active/disabled	N
disabled	Boolean	false	是否为禁用态	N
hover	Boolean	-	是否开启点击反馈	N
suffix-icon	String / Object / Slot	-	前置图标	N
theme	String	default	组件风格，依次为默认色、品牌色、危险色、警告色、成功色。可选项：default/primary/danger/warning/success	N
underline	Boolean	-	是否显示链接下划线	N
external-classes	Array	-	样式类名。`['t-class', 't-class-hover', 't-class-prefix-icon', 't-class-content', 't-class-suffix-icon']`	N

Link Events

名称	参数	描述
complete	-	页面链接执行完成后触发（失败或成功均会触发）
fail	-	页面链接跳转失败后触发
success	-	页面链接跳转成功后触发

2.4 KiB Raw Blame History Unescape Escape

引入