SusLink

行内文本链接 — Href、路由 Route,或自定义点击。
包
SusKit · 原子(商业)
属性
| 名称 | 类型 | 默认值 | |
|---|---|---|---|
Text | Prop<string> | "" | v-model |
Href | Prop<string> | "" | v-model |
Route | Prop<string> | "" | v-model |
Underline | Prop<bool> | true | v-model |
Color | Prop<string> | "primary" | v-model |
Size | Prop<string> | "inherit" | v-model |
External | Prop<bool> | false | v-model |
插槽
没有插槽。
事件
| 名称 | 字段 | 载荷 |
|---|---|---|
Click | OnClick | — |
样式钩子
USS 类契约 — 无需改 C# 即可覆盖外观。状态通过这些类切换:
keyboard-focussus-linksus-link__textsus-link--dangersus-link--externalsus-link--no-underlinesus-link--secondarysus-link--size-largesus-link--size-smallsus-link--size-x-largeunity-labelunity-text-element
用法
xml
<template>
<sus:SusLink Text="Open docs"
Href="https://example.com/docs"
Color="primary"
Underline="true"
External="true"
@click="OnNav" />
</template>
<script>
void OnNav() { /* optional extra handling */ }
</script>csharp
var link = new SusLink();
link.Text.Value = "Profile";
link.Route.Value = "/profile";
link.Color.Value = "primary";
link.OnClick += () => { /* … */ };备注
- 应用内导航(sus-router)优先使用
Route;外部 URL 使用Href+External。 Size:inherit跟随周围文本;否则使用 kit 尺寸 token。