Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: use em as the relative unit and add variables in "components-var". #225

Merged
merged 2 commits into from
Jan 20, 2025
Merged

feat: use em as the relative unit and add variables in "components-var". #225

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
2c84e2b
feat: use em as the relative unit and add variables in "components-var".
Theo-Messi Jan 20, 2025
6460728
Merge branch 'main' into em
Theo-Messi Jan 20, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions docs/.vitepress/configs/nav.ts
View file
Open in desktop
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
Open in desktop
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
Open in desktop
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
Open in desktop
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
Open in desktop
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
Loading