559 字
3 分钟
响应式表格
Shirone 增强了 GitHub Flavored Markdown 标准表格的排版与交互体验,在构建期通过专门的渲染插件自动生成响应式滚动包裹层。
标准表格语法
| 功能模块 | 对应状态 | 默认值 | 说明 || :--- | :---: | :---: | --- || 动态配色 | 稳定 | 315 | 默认粉紫色色相 || 无刷新切页 | 启用 | true | 基于 Swup 4 框架 || 零额外负担 | 严格遵循 | true | 页面关闭功能时零请求零体积 |渲染效果:
| 功能模块 | 对应状态 | 默认值 | 说明 |
|---|---|---|---|
| 动态配色 | 稳定 | 315 | 默认粉紫色色相 |
| 无刷新切页 | 启用 | true | 基于 Swup 4 框架 |
| 零额外负担 | 严格遵循 | true | 页面关闭功能时零请求零体积 |
单元格内同样支持行内语法,例如 代码、加粗、链接 与 高亮:
| 属性名 | 类型 | 是否必填 | 默认值 |
|---|---|---|---|
bvid | string | 必填 | 无 |
title | string | 必填 | 无 |
p | number | 可选 | 1 |
preload | string | 可选 | "none" |
对齐方式
:---:左对齐:---::居中对齐---::右对齐
| 左对齐 | 居中 | 右对齐 || :--- | :---: | ---: || 文本 | 文本 | 文本 || 较长的左对齐内容 | 状态徽标 | 1,024 |渲染效果:
| 左对齐 | 居中 | 右对齐 |
|---|---|---|
| 文本 | 文本 | 文本 |
| 较长的左对齐内容 | 状态徽标 | 1,024 |
左侧冒号决定整列的对齐规则,不书写冒号时默认沿用左对齐。
移动端响应式支持
在窄屏或移动端设备上,当表格列数较多或内容超出屏幕宽度时:
- 构建期插件自动为表格注入外层响应式容器与平滑滚动样式。
- 绝不会发生撑破页面视口或导致水平全局溢出的情况。
- 表头固定与交替斑马纹背景完全遵循 Material 3 Expressive 的表面容器设计规范。
| 场景 | 推荐载体 |
|---|---|
| 参数与默认值对照 | 表格 |
| 单个配置项的详细解释 | 字段卡片组 |
| 操作顺序说明 | 步骤引导 |
| 需要折叠的长清单 | 折叠面板 |
Markdown 语法
已完结分享文章
生成精美分享图或复制链接,与更多人分享本文。
继续阅读
换条路线
从其他文章中稳定抽取
最后更新于 ,距今已过 24 天
部分内容可能已过时
评论