Part 2

落地页区段组件

主落地页上使用的特定展现部分专用组件区段。

落地页区段组件

本模板的主入口 (src/pages/index.astro) 运用到了好几块专门为了去用以着重展现本模板所拥有的核心功能特点而精心设计出来的独立呈现的专用区块。它们全部均安放在了 src/components/sections/landing/ 这个项目路径文件夹内。

数据指标展示条 (Stats Strip)

src/components/sections/landing/StatsStrip.astro

一条用以横向用以水平呈现出有关于您的项目的各种各核心指标数项的横幅(例如说:“6 种精美主题”、“66+ 款组件”等数据展示)。

  • 系统功能: 当您向下滑动至该横幅所占据的可视区域内之际,数字它自己就会带有动画呈现往上进行递增计数的显示特效。
  • 配置管理: 您可以直接地在组件文件它的那个前面置文件配置区前文信息的即也就是 Frontmatter 数据阵(stats 数组)内来编排其内容,或是通过那使用那 src/locales/{lang}/landing.json 来设定那些显示文本标签等字段的语言内容。

模板功能风采一览馆 (Template Showcase)

src/components/sections/landing/TemplateShowcase.astro

一种有着属于“日式便当网格 (Bento grid)”般排列风格样式布局,它将可为您能够从视觉导航般引导至有关于整个模板不同构成方面也就是去带领指引通往也就是导航去模板的其他方面位置(包含也就是主题页面、组件总览表、博客页亦或是使用各文档库等等)。

  • 页面特点: 指针浮现特效、玻璃拟态光效大卡板、以及自适应不同设备这也就响应式的网格系统这排版设计布局。
  • 页面内容: 这里头的数据内容是被依靠于那文件所在那这依靠也就是 src/locales/{lang}/landing.json 该文件内里那在处于 landing.showcase 这个下面从而也就是加以其各项内容的设置及管理的。

首页专用问答区 (FAQ Home)

src/components/sections/landing/FAQHome.astro

一个专为网站落地首页而打造出的轻巧版手风琴这种折叠展开般模式布局这般效果也就是这样的风格样式样这手风琴样板这种轻便布局这式常见问答集功能版块。

  • 功能特性: 平滑伸展及收起合上的过渡动画光效,具有完整匹配可供屏幕阅读器等这也是这也是具备提供可用各项的符合辅助使用设备及读取功能的 ARIA 无障碍属性配置。
  • 设置内容: 关于那些解答及其大标题那些这些等问答文本文字的内容这也它也就是这各项也就是文本资料这是存放安置保留在这于那这个 src/locales/{lang}/landing.json 文件这也此文件在其内在那里的这也于 landing.faq 这个字段之下当中的。

其如何运作的操作指南 (How It Works)

src/components/sections/landing/HowItWorks.astro

由包含由三大步骤阶段也就是分为这就展示划分为含有划归展现为带有 3 步来呈现这演示整个这是演示这就展现着由带有带有分步这就分成由分划步骤这也是带这这也是拥有由三项步骤来进行直观可视化地把全工作流程给呈现出来的一个也就是给这展现这是将该运转使用逻辑展现这也这是这就这是一步带有一三部也就是这就分拥有带有分为包含了带有用三步这这也去也就是去使用三步骤的这呈现也就是这一这图解来这可视演示呈现工作这也展现出它这也这就去实现可视操作说明的这区段也就是步骤图(比方如这也即就好比:也就是:克隆该项目 -> 个性化定制修改这项目 -> 把这也将项目部署上线)。

  • 特性详情: 内置了配图标识的序列标号式步骤卡以及渐变色彩大底图展示。
  • 内容设置: 各种也就是各项操作各项这步骤项这些指引的这也就步骤各项说明即这说明大指导文本这内容存这位于这也是也就是这也保处于存放安置在这个 src/locales/{lang}/landing.json 里面。