---
title: 首页模板
description: 通过配置项快速搭建首页模板
---

## 默认模板

目前暂只支持一个默认模板，详细配置项请参考：

``` javascript
homePage: {
  banner: {
    title: 'LDesign Desktop Vue3',
    description: '基于vue3的桌面端组件库，涵盖各个使用场景，多达60+个通用基础组件。',
    buttons: [{
      label: '开始使用',
      path: '/#/start/getting-started'
    }, {
      label: '查看演示',
      path: 'https://www.baidu.com'
    }]
  },
  grids: [{
    title: '设计原则',
    description: '建立务实而浪漫的工作方式',
    children: [{
      icon: 'https://sf1-cdn-tos.toutiaostatic.com/obj/arco-mobile/_home_/principle-1.png',
      title: '跨端兼容',
      description: '提供兼容多宿主的解决方案，多端组件 UI 一键适配。'
    }, {
      icon: 'https://sf1-cdn-tos.toutiaostatic.com/obj/arco-mobile/_home_/principle-2.png',
      title: '功能全面',
      description: '几十种企业级常用 UI 组件，深入业务场景的每个细节。'
    }, {
      icon: 'https://sf1-cdn-tos.toutiaostatic.com/obj/arco-mobile/_home_/principle-3.png',
      title: '快速生产',
      description: '标准的业务组件库及配套文档站。'
    }, {
      icon: 'https://sf1-cdn-tos.toutiaostatic.com/obj/arco-mobile/_home_/principle-4.png',
      title: '灵活易用',
      description: '提供强大功能及灵活配置，极力寻找易用与可定制的平衡。'
    }]
  }]
}
```