Skip to content

Commit

Permalink
feat(link): allow customizing target in footer links.
Browse files Browse the repository at this point in the history
  • Loading branch information
@Theo-Messi
Theo-Messi committed Nov 7, 2024
1 parent f4cde0d commit feae8a2
Show file tree
Hide file tree
Showing 3 changed files with 25 additions and 25 deletions.
4 changes: 2 additions & 2 deletions packages/Lumen/components/HomeFooter.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,15 +29,15 @@ const footer = props.Footer_Data
<Icon v-if="isIconifyIcon(link.icon)" :icon="link.icon" :style="{ color: link.style }" />
</template>
<a
:target="link.internal || section.internal ? '_self' : '_blank'"
:target="link.target || section.target || '_blank'"
rel="noopener"
:name="link.name"
:title="link.name"
:href="link.href"
>
{{ link.name }}
<Icon
v-if="!link.internal && !section.internal"
v-if="(link.target || section.target || '_blank') === '_blank'"
icon="heroicons-outline:arrow-sm-up"
style="color: var(--vp-c-text-3); transform: rotate(45deg)"
/>
Expand Down
4 changes: 2 additions & 2 deletions packages/Lumen/types/types.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -58,14 +58,14 @@ export interface Link {
style?: string // 链接样式（可选）
name: string // 链接名称
href: string // 链接地址
internal?: boolean // 是否为内部链接（默认 false，可选）
target?: string // 链接打开方式 默认 '_blank'
}

export interface Group {
icon?: string // 图标（可选）
style?: string // 图标样式（可选）
title: string // 分组标题
internal?: boolean // 是否为内部链接（默认 false，可选）
target?: string // 链接打开方式 默认 '_blank'
links: Link[] // 链接数组
}

Expand Down
42 changes: 21 additions & 21 deletions packages/docs/guide/HomeFooter.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ export const Footer_Data: FooterData = {
},
{
title: '内部链接',
internal: true, // `internal`默认为 false , 为 true 时不显示外部链接图标
target: '_self', // `target`默认打开方式为 _blank , 为 _self 时不会显示外部链接图标
icon: 'fas fa-link',
style: 'rgba(255, 87, 51, 1)',
links: [
Expand Down Expand Up @@ -69,23 +69,23 @@ export default {

## 数据接口说明

| 字段 | 类型 | 描述 |
| ------------------------------------ | ------- | ------------------------------------------------------------------------------------------------------------------------------------------------ |
| **group**? | Array | <Badge type="tip" text="可选" /> 链接分组列表。 |
| ├─ icon? | string | <Badge type="tip" text="可选" /> [iconify](https://icon-sets.iconify.design/) 或者 [fortawesome](https://fontawesome.com/search?o=r&m=free) 图标 |
| ├─ style? | string | <Badge type="tip" text="可选" /> 图标样式 |
| ├─ title | string | 分组标题。 |
| ├─ internal? | boolean | <Badge type="tip" text="可选" /> 该组是否为内部链接，默认 `false` |
| └─ links | Array | 分组中的链接列表。 |
| &nbsp;&nbsp;&nbsp;&nbsp;├─ icon? | string | <Badge type="tip" text="可选" /> [iconify](https://icon-sets.iconify.design/) 或者 [fortawesome](https://fontawesome.com/search?o=r&m=free) 图标 |
| &nbsp;&nbsp;&nbsp;&nbsp;├─ style? | string | <Badge type="tip" text="可选" /> 图标样式 |
| &nbsp;&nbsp;&nbsp;&nbsp;├─ name | string | 链接名称。 |
| &nbsp;&nbsp;&nbsp;&nbsp;├─ href | string | 链接地址。 |
| &nbsp;&nbsp;&nbsp;&nbsp;└─ internal? | boolean | <Badge type="tip" text="可选" /> 是否为内部链接，默认 `false` |
| **beian**? | object | <Badge type="tip" text="可选" /> 备案信息 |
| ├─ icp? | string | <Badge type="tip" text="可选" /> ICP 备案号 |
| ├─ police? | string | <Badge type="tip" text="可选" /> 公安备案号 |
| └─ showIcon? | boolean | <Badge type="tip" text="可选" /> 备案图标是否显示，默认 `false` |
| **author**? | object | <Badge type="tip" text="可选" /> 作者信息 |
| ├─ name? | string | <Badge type="tip" text="可选" /> 作者姓名 |
| └─ link? | string | <Badge type="tip" text="可选" /> 作者链接 |
| 字段 | 类型 | 描述 |
| ---------------------------------- | ------- | ------------------------------------------------------------------------------------------------------------------------------------------------ |
| **group**? | Array | <Badge type="tip" text="可选" /> 链接分组列表。 |
| ├─ icon? | string | <Badge type="tip" text="可选" /> [iconify](https://icon-sets.iconify.design/) 或者 [fortawesome](https://fontawesome.com/search?o=r&m=free) 图标 |
| ├─ style? | string | <Badge type="tip" text="可选" /> 图标样式 |
| ├─ title | string | 分组标题。 |
| ├─ target? | boolean | <Badge type="tip" text="可选" /> 该组链接打开方式 默认 `_blank` 为 `_self` 时不会显示外部链接图标 |
| └─ links | Array | 分组中的链接列表。 |
| &nbsp;&nbsp;&nbsp;&nbsp;├─ icon? | string | <Badge type="tip" text="可选" /> [iconify](https://icon-sets.iconify.design/) 或者 [fortawesome](https://fontawesome.com/search?o=r&m=free) 图标 |
| &nbsp;&nbsp;&nbsp;&nbsp;├─ style? | string | <Badge type="tip" text="可选" /> 图标样式 |
| &nbsp;&nbsp;&nbsp;&nbsp;├─ name | string | 链接名称。 |
| &nbsp;&nbsp;&nbsp;&nbsp;├─ href | string | 链接地址。 |
| &nbsp;&nbsp;&nbsp;&nbsp;└─ target? | boolean | <Badge type="tip" text="可选" /> 链接打开方式 默认 `_blank` 为 `_self` 时不会显示外部链接图标 |
| **beian**? | object | <Badge type="tip" text="可选" /> 备案信息 |
| ├─ icp? | string | <Badge type="tip" text="可选" /> ICP 备案号 |
| ├─ police? | string | <Badge type="tip" text="可选" /> 公安备案号 |
| └─ showIcon? | boolean | <Badge type="tip" text="可选" /> 备案图标是否显示，默认 `false` |
| **author**? | object | <Badge type="tip" text="可选" /> 作者信息 |
| ├─ name? | string | <Badge type="tip" text="可选" /> 作者姓名 |
| └─ link? | string | <Badge type="tip" text="可选" /> 作者链接 |

0 comments on commit feae8a2

Please sign in to comment.