SuperAPI AI 工具集

slidev-styling

通用与其它

查看项目

更新于 10-15 22:10

技能介绍

用途:为 Slidev 幻灯片提供样式方案,涵盖 UnoCSS 原子类、自定义 CSS、作用域样式与进阶技巧,适用于定制外观、添加颜色与排版、创建可复用样式、实现动画和响应式布局。

主要能力:UnoCSS 内联类(排版、颜色、间距、Flex/Grid 布局);通过 uno.config.ts 的 theme.colors 定义品牌色等自定义颜色;通过 frontmatter 的 fonts 或 uno.config.ts 的 fontFamily 配置字体,支持 Google Fonts(provider: 'google');styles/index.css 中定义全局样式、CSS 变量、自定义工具类与关键帧动画;幻灯片末尾 <style> 实现自动作用域样式,:global() 可作用于全局;uno.config.ts 的 shortcuts 定义可复用类(如 btn、card);dark: 前缀与 .dark 选择器支持暗色模式;transition 工具类、自定义 @keyframes 及 v-motion 指令实现动画;sm/md/lg/xl/2xl 断点实现响应式。

使用方式:在幻灯片 Markdown 中直接写 class,或在 uno.config.ts、styles/index.css 中配置;示例命令与代码保持原样,如 import { defineConfig } from 'unocss'。

限制:部分 CSS 特性导出 PDF 效果不佳,如复杂渐变、部分滤镜,动画会变为静态。资料未提供安装命令、收费与平台信息。