Skip to content

Commit

Permalink
feat: use em as the relative unit and add variables in "components-va…
Browse files Browse the repository at this point in the history 
…r". (#225)
  • Loading branch information
@Theo-Messi
Theo-Messi committed Jan 20, 2025
1 parent 168eb7f commit f75b431
Show file tree
Hide file tree
Showing 22 changed files with 280 additions and 263 deletions.
6 changes: 3 additions & 3 deletions docs/.vitepress/configs/nav.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,15 +6,15 @@ export const nav: DefaultTheme.NavItem[] = [
link: '/guide/getting-started'
},
{
text: '<iconify-icon icon="fa6-solid:gears" style="margin-right:0.25rem;color:#3498db;"></iconify-icon>配置',
text: '<iconify-icon icon="fa6-solid:gears" style="margin-right:0.25em;color:#3498db;"></iconify-icon>配置',
link: '/guide/theme'
},
{
text: '<iconify-icon icon="fa6-solid:bug" style="margin-right:0.25rem;color:#FF4500;" alt="bug"></iconify-icon>提交反馈',
text: '<iconify-icon icon="fa6-solid:bug" style="margin-right:0.25em;color:#FF4500;" alt="bug"></iconify-icon>提交反馈',
link: 'https://github.com/Theo-Messi/lumen/issues'
},
{
text: '<iconify-icon icon="fa6-solid:clipboard-list" style="margin-right:0.25rem;color:#FF6347;" alt="clipboard"></iconify-icon>变更日志',
text: '<iconify-icon icon="fa6-solid:clipboard-list" style="margin-right:0.25em;color:#FF6347;" alt="clipboard"></iconify-icon>变更日志',
link: `https://github.com/Theo-Messi/lumen/releases`
}
]
26 changes: 13 additions & 13 deletions docs/.vitepress/configs/sidebar.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,56 +12,56 @@ export function guide(): SidebarItem[] {
// text: '快速开始',
items: [
{
text: '<iconify-icon icon="fa6-solid:bolt" style="margin-right:0.25rem;color:#63E6BE;"></iconify-icon>快速开始',
text: '<iconify-icon icon="fa6-solid:bolt" style="margin-right:0.25em;color:#63E6BE;"></iconify-icon>快速开始',
link: 'getting-started'
}
]
},
{
text: '<iconify-icon icon="fa6-solid:gears" style="margin-right:0.25rem;color:#3498db;"></iconify-icon>配置',
text: '<iconify-icon icon="fa6-solid:gears" style="margin-right:0.25em;color:#3498db;"></iconify-icon>配置',
items: [
{
text: '<iconify-icon icon="mdi:palette" style="margin-right:0.25rem;color:#f39c12;"></iconify-icon>导入主题',
text: '<iconify-icon icon="mdi:palette" style="margin-right:0.25em;color:#f39c12;"></iconify-icon>导入主题',
link: 'theme'
},
{
text: '<iconify-icon icon="mdi:bullhorn" style="margin-right:0.25rem;color:#e74c3c;"></iconify-icon>首页公告栏',
text: '<iconify-icon icon="mdi:bullhorn" style="margin-right:0.25em;color:#e74c3c;"></iconify-icon>首页公告栏',
link: 'announcement'
},
{
text: '<iconify-icon icon="mdi:format-underline" style="margin-right:0.25rem;color:#3498db;"></iconify-icon>首页下划线',
text: '<iconify-icon icon="mdi:format-underline" style="margin-right:0.25em;color:#3498db;"></iconify-icon>首页下划线',
link: 'homeunderline'
},
{
text: '<iconify-icon icon="mdi:cog" style="margin-right:0.25rem;color:#2ecc71;"></iconify-icon>页脚配置',
text: '<iconify-icon icon="mdi:cog" style="margin-right:0.25em;color:#2ecc71;"></iconify-icon>页脚配置',
link: 'homefooter'
},
{
text: '<iconify-icon icon="mdi:view-list" style="margin-right:0.25rem;color:#9b59b6;"></iconify-icon>侧边栏链接',
text: '<iconify-icon icon="mdi:view-list" style="margin-right:0.25em;color:#9b59b6;"></iconify-icon>侧边栏链接',
link: 'docasidelogo'
},
{
text: '<iconify-icon icon="mdi:video" style="margin-right:0.25rem;color:#e67e22;"></iconify-icon>视频组件',
text: '<iconify-icon icon="mdi:video" style="margin-right:0.25em;color:#e67e22;"></iconify-icon>视频组件',
link: 'docvideolink'
},
{
text: '<iconify-icon icon="mdi:credit-card" style="margin-right:0.25rem;color:#1abc9c;"></iconify-icon>链接卡片',
text: '<iconify-icon icon="mdi:credit-card" style="margin-right:0.25em;color:#1abc9c;"></iconify-icon>链接卡片',
link: 'linkcard'
},
{
text: '<iconify-icon icon="fa6-solid:share-nodes" style="margin-right:0.25rem;color:#3498db;"></iconify-icon>页面分享按钮',
text: '<iconify-icon icon="fa6-solid:share-nodes" style="margin-right:0.25em;color:#3498db;"></iconify-icon>页面分享按钮',
link: 'sharebutton'
},
{
text: '<iconify-icon icon="mdi:image-filter" style="margin-right:0.25rem;color:#2ecc71;"></iconify-icon>图片描述',
text: '<iconify-icon icon="mdi:image-filter" style="margin-right:0.25em;color:#2ecc71;"></iconify-icon>图片描述',
link: 'image-description'
},
{
text: '<iconify-icon icon="mdi:comment-text-multiple" style="margin-right:0.25rem;color:#3498db;"></iconify-icon>Twikoo 评论',
text: '<iconify-icon icon="mdi:comment-text-multiple" style="margin-right:0.25em;color:#3498db;"></iconify-icon>Twikoo 评论',
link: 'doctwikoo'
},
{
text: '<iconify-icon icon="mdi:chart-box" style="margin-right:0.25rem;color:#3498db;"></iconify-icon>站点统计',
text: '<iconify-icon icon="mdi:chart-box" style="margin-right:0.25em;color:#3498db;"></iconify-icon>站点统计',
link: 'analytics'
}
]
Expand Down
22 changes: 11 additions & 11 deletions docs/guide/announcement.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -60,20 +60,20 @@ hero:
prelink:
copy: true // [!code ++]
install: 'pnpm add @theojs/lumen' // [!code ++]
title: '<iconify-icon icon="fa6-solid:bolt" style="margin-right:0.25rem;color:#63E6BE;"></iconify-icon> 快速开始' // [!code ++]
title: '<iconify-icon icon="fa6-solid:bolt" style="margin-right:0.25em;color:#63E6BE;"></iconify-icon> 快速开始' // [!code ++]
content: '<span style="color: var(--vp-c-brand-3); font-weight: bold;">pnpm add @theojs/lumen</span>' // [!code ++]
---
```

## 数据接口说明

| 字段 | 类型 | 描述 |
| :--------: | :-------: | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `link` | `string` | <Badge type="tip" text="可选" /> 链接的 URL。 |
| `title` | `string` | 链接的标题。 |
| `content` | `string` | <Badge type="tip" text="可选" /> 链接的内容。 |
| `date` | `string` | <Badge type="tip" text="可选" /> 活动截止日期。 |
| `dateText` | `string` | <Badge type="tip" text="可选" /> 活动截止内容。默认为 `活动时间: 即日至;` |
| `dateIcon` | `string` | <Badge type="tip" text="可选" /> 活动截止图标。默认为`line-md:calendar`<iconify-icon icon="line-md:calendar" ></iconify-icon>。支持<Pill name="iconify 图标" link="https://icon-sets.iconify.design/" icon="line-md:iconify2-static" color="#1769AA" /> |
| `copy` | `boolean` | <Badge type="tip" text="可选" /> 复制开关，默认为 `false`，设置为 `true` 时，点击链接将复制 `install` 字段中的内容，**并且链接将无任何跳转行为** |
| `install` | `string` | <Badge type="tip" text="可选" /> 复制的内容，当 `copy` 为 `true` 时，点击链接将复制该内容到剪贴板。 |
| 字段 | 类型 | 描述 |
| :--------: | :-------: | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `link` | `string` | <Badge text="可选" /> 链接的 URL。 |
| `title` | `string` | 链接的标题。 |
| `content` | `string` | <Badge text="可选" /> 链接的内容。 |
| `date` | `string` | <Badge text="可选" /> 活动截止日期。 |
| `dateText` | `string` | <Badge text="可选" /> 活动截止内容。默认为 `活动时间: 即日至;` |
| `dateIcon` | `string` | <Badge text="可选" /> 活动截止图标。默认为`line-md:calendar`<iconify-icon icon="line-md:calendar" ></iconify-icon>。支持<Pill name="iconify 图标" link="https://icon-sets.iconify.design/" icon="line-md:iconify2-static" color="#1769AA" /> |
| `copy` | `boolean` | <Badge text="可选" /> 复制开关，默认为 `false`，设置为 `true` 时，点击链接将复制 `install` 字段中的内容，**并且链接将无任何跳转行为** |
| `install` | `string` | <Badge text="可选" /> 复制的内容，当 `copy` 为 `true` 时，点击链接将复制该内容到剪贴板。 |
12 changes: 6 additions & 6 deletions docs/guide/docasidelogo.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -78,9 +78,9 @@ export default {
| `color` | `string` \| `{ light: string; dark: string }` | 图标的颜色，可为单一颜色字符串，也可以是包含 `light` 和 `dark` 属性的对象 |
| `icon` | `string` \| `{ light: string; dark: string }` | 图标名称，支持<Pill name="iconify 图标" link="https://icon-sets.iconify.design/" icon="line-md:iconify2-static" color="#1769AA" />可为单一图标名称或包含 `light` 和 `dark` 模式的对象 |
| `image` | `string` \| `{ light: string; dark: string }` | 图片地址或包含 `light` 和 `dark` 模式的对象 |
| `name` | `string` | <Badge type="tip" text="可选" /> 名称 |
| `activity` | `string` | <Badge type="tip" text="可选" /> 活动名称 |
| `hide1` | `string` | <Badge type="tip" text="可选" /> 隐藏信息1 |
| `info1` | `string` | <Badge type="tip" text="可选" /> 信息1 |
| `hide2` | `string` | <Badge type="tip" text="可选" /> 隐藏信息2 |
| `info2` | `string` | <Badge type="tip" text="可选" /> 信息2 |
| `name` | `string` | <Badge text="可选" /> 名称 |
| `activity` | `string` | <Badge text="可选" /> 活动名称 |
| `hide1` | `string` | <Badge text="可选" /> 隐藏信息1 |
| `info1` | `string` | <Badge text="可选" /> 信息1 |
| `hide2` | `string` | <Badge text="可选" /> 隐藏信息2 |
| `info2` | `string` | <Badge text="可选" /> 信息2 |
7 changes: 6 additions & 1 deletion docs/guide/docvideolink.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,12 @@ title: 视频组件

支持多种主流视频平台，还允许用户通过自定义链接嵌入其他视频源。通过简单的配置，可以轻松将各种视频嵌入到您的页面中，提升用户的观看体验。

- **支持多平台**：内置对 `YouTube`、`Bilibili`、`腾讯视频`、`优酷`、`西瓜视频`和 `Vimeo` 的支持，只需要提供平台标识符和视频 ID 即可。
- **支持多平台**：内置对 <Pill name="YouTube" icon="logos:youtube-icon" />
<Pill name="Bilibili" icon="simple-icons:bilibili" color="#00A1D6"/>
<Pill name="腾讯视频" image="https://s1.aigei.com/src/img/png/a7/a79b4191d24f4836b9a61e4625615e06.png?imageMogr2/auto-orient/thumbnail/!282x282r/gravity/Center/crop/282x282/quality/85/%7CimageView2/2/w/282&e=2051020800&token=P7S2Xpzfz11vAkASLTkfHN7Fw-oOZBecqeJaxypL:dNP9rLT1mNX2vpjGNFeKnXXKpMY="/>
<Pill name="优酷视频" image="https://s1.aigei.com/src/img/png/3a/3ab385066f31497ba3584a5188f1f658.png?imageMogr2/auto-orient/thumbnail/!282x282r/gravity/Center/crop/282x282/quality/85/%7CimageView2/2/w/282&e=2051020800&token=P7S2Xpzfz11vAkASLTkfHN7Fw-oOZBecqeJaxypL:vo9oJTMEmw_UAaoP8UtGfz0W80w=" />
<Pill name="西瓜视频" icon="icon-park-solid:xigua" color="#F4464B" />
<Pill name="Vimeo" icon="logos:vimeo-icon" />的支持，只需要提供平台标识符和视频 ID 即可。
- **自定义视频链接**：除了主流视频平台外，Vid 还支持直接嵌入 MP4 或其他格式的视频链接。
- **响应式设计**：该组件自动适应不同屏幕尺寸，确保在桌面和移动设备上都能流畅播放。
- **简便易用**：通过简单的配置项，您可以快速将视频内容集成到页面中，无需复杂的代码。
Expand Down
Loading

0 comments on commit f75b431

Please sign in to comment.