导航
Part 4

核心功能 (Features) 区块

各主题的核心功能展示区块。

核心功能 (Features) 区块用于突出展示产品或服务的各项优势。每个主题都提供了独特的排版布局——从卡片网格到各种动态列表应有尽有。

主题变体

主题风格对应组件排版布局
LiquidFeaturesLiquid.astro带有流体悬停动画效果的动态特征卡片
GlassFeaturesGlass.astro毛玻璃质感的功能卡片
NeoFeaturesNeo.astro采用锋利边缘的大胆粗犷网格布局
LuxuryFeaturesLuxury.astro缀以金色装饰的高雅网格布局
MinimalFeaturesMinimal.astro干净、简约的列表格式
AuroraFeaturesAurora.astro基于渐变网格底色背景的卡片展现形式

所有这些变体组件均位于 src/components/sections/features/ 目录中。

内容来源

功能模块的数据通过 useTranslations() 加载自 src/locales/{lang}/features.json。 JSON 结构内容通常包括：

features.json (节选)
{
  "title": "为什么选择我们",
  "subtitle": "专为极致性能和极简使用体验而生",
  "items": [
    {
      "title": "快如闪电",
      "description": "依靠静态生成技术，实现亚秒级页面加载速度。"
    }
  ]
}
ℹ️
无 Props 传参

Features 组件不接收任何外部传递的 props 属性。要想修改功能项、标题或描述，请更新配置 src/locales/{lang}/features.json。

自定义

如需自定义修改：

  1. 编辑 src/components/sections/features/Features{Theme}.astro 中对应主题的组件情况。
  2. 可以在 src/styles/components/features/ 中调整其视觉样式。
  3. 请在 src/locales/{lang}/features.json 里调整呈现相关的文字等内容。