ZSX's AI Summary
ZSX's AI
文章主要介绍了五个组件的测试，包括Tab、Timeline、Tip、Blur和Key。每个组件都有其基本用法和测试内容，如Tab组件测试了基本功能，Timeline组件测试了2024年1月到3月的事件，等等。同时，还介绍了一些特殊功能的组件，如LinkBanner和LinkCard，以及如何自定义图标插槽。
本摘要由AI生成，仅供参考，内容准确性请以原文为准
Tab 组件测试#
基本用法#
Tab 1 内容
这是第一个标签页的内容，测试 Tab 组件的基本功能。
Tab 2 内容
这是第二个标签页的内容，展示不同的内容。
Tab 3 内容
这是第三个标签页的内容，测试多个标签的切换。
居中布局#
居中 Tab 1 内容
这是居中布局的第一个标签页内容。
居中 Tab 2 内容
这是居中布局的第二个标签页内容。
指定默认激活标签#
默认激活 1 内容
这是第一个标签页的内容，但默认不会显示。
默认激活 2 内容
这是第二个标签页的内容，默认会显示。
默认激活 3 内容
这是第三个标签页的内容。
Timeline 组件测试#
基本用法#
- 2024年1月
事件 1
这是2024年1月发生的事件。
- 2024年2月
事件 2
这是2024年2月发生的事件。
- 2024年3月
事件 3
这是2024年3月发生的事件。
多层时间线#
- 2023年
2023年事件
这是2023年的主要事件。
- 2024年第一季度
Q1 事件
这是2024年第一季度的事件。
- 2024年1月
1月事件
这是2024年1月的具体事件。
- 2024年2月
2月事件
这是2024年2月的具体事件。
Tip 组件测试#
基本提示#
鼠标悬停查看提示
带复制功能#
这是可以复制的文本内容
带自定义图标#
带信息图标的提示
使用 text 属性#
使用 text 属性的提示Blur 组件测试#
基本用法#
鼠标悬停查看模糊内容
使用 text 属性#
使用 text 属性的模糊内容混合使用#
这是一段普通文本， 这里是模糊的内容 ，这是普通文本。
Key 组件测试#
基本按键#
A组合按键#
Ctrl+Shift+A使用 cmd 属性#
Ctrl+C方向键#
↑ ↓ ← →特殊按键#
Space Enter Esc Backspace使用 text 属性#
Ctrl+Alt+Delete带图标#
⌃CLinkBanner 组件测试#
基本用法#
带背景图片#
无描述（显示域名）#
LinkCard 组件测试#
基本用法#
示例网站
这是一个示例网站的描述
带图标#
带图标网站
这是一个带图标的链接卡片
无描述（显示域名）#
无描述网站
example.com
使用自定义图标插槽#
带自定义图标的网站
这是一个带自定义图标的链接卡片