Appearance
下载页英雄装饰(备份与复用)
当前线上下载页
- 组件:
.vitepress/components/DownloadHeroDeco.vue - 中心:云朵 + 向下箭头描边(
downloadPageDownloadIcon.ts) - 装饰:更宽 mac 窗格;纯色红黄绿三点;窗内
DECO_ORBIT_ICONS双份 + Mac/Win/Lmbox 沿左右槽从顶落到底(避开中心、描边同色);整体可点(downloadHeroWindowFill.ts)
备份 A:官方 Lmbox 四段描边 + 宿主外散
- 组件:
.vitepress/components/backup/DownloadHeroLmboxOrbitDeco.vue - 轮廓:
lmboxLogoOutline.ts - 环绕:
downloadHeroOrbit.ts→buildDecoOrbit()
备份 B:下载箭头描边 + 宿主外散(多枚)
- 组件:
.vitepress/components/backup/DownloadHeroDownloadIconHostOrbitDeco.vue - 中心:
downloadPageDownloadIcon.ts - 环绕:
buildDecoOrbit()(Premiere / Ae / Ps / 达芬奇 / Final Cut,各双份)
引用示例
vue
<script setup>
import DownloadHeroLmboxOrbitDeco from '../../.vitepress/components/backup/DownloadHeroLmboxOrbitDeco.vue';
import DownloadHeroDownloadIconHostOrbitDeco from '../../.vitepress/components/backup/DownloadHeroDownloadIconHostOrbitDeco.vue';
</script>
<template>
<div aria-hidden="true" style="width: 18rem; aspect-ratio: 1">
<DownloadHeroLmboxOrbitDeco />
</div>
</template>需已加载文档站 iconfont symbol(与下载页相同 head 脚本)。