Skip to content

下载页英雄装饰(备份与复用) ​

当前线上下载页 ​

  • 组件:.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 脚本)。

最近编辑: