<template>
  <el-card shadow="hover">
    <template #header>
      <el-text tag="h1" size="large">欢迎使用管理系统</el-text>
    </template>
    <el-text>基于 Vue 3 + Element Plus 构建的管理系统模板</el-text>
  </el-card>

  <el-row :gutter="20" style="margin-top: 20px">
    <el-col :span="8">
      <el-card shadow="hover">
        <template #header>
          <el-text tag="h3">Vue 3</el-text>
        </template>
        <el-text>渐进式 JavaScript 框架</el-text>
      </el-card>
    </el-col>
    <el-col :span="8">
      <el-card shadow="hover">
        <template #header>
          <el-text tag="h3">Element Plus</el-text>
        </template>
        <el-text>基于 Vue 3 的组件库</el-text>
      </el-card>
    </el-col>
    <el-col :span="8">
      <el-card shadow="hover">
        <template #header>
          <el-text tag="h3">Vite</el-text>
        </template>
        <el-text>下一代前端构建工具</el-text>
      </el-card>
    </el-col>
  </el-row>
</template>
