elementui模板

ElementUI是一个基于Vue.js的组件库，提供了丰富的UI组件和交互方式，可以帮助开发者快速搭建现代化的Web应用程序。

以下是一个ElementUI模板的示例：

<template>
  <div class="container">
    <el-menu :default-active="$route.path" class="menu" mode="horizontal">
      <el-menu-item index="/">首页</el-menu-item>
      <el-submenu index="/products">
        <template slot="title">产品</template>
        <el-menu-item index="/products">产品列表</el-menu-item>
        <el-menu-item index="/new-product">添加新产品</el-menu-item>
      </el-submenu>
      <el-menu-item index="/about">关于我们</el-menu-item>
    </el-menu>
    <router-view></router-view>
  </div>
</template>

<script>
import { Menu, Submenu, MenuItem } from 'element-ui'
export default {
  name: 'App',
  components: {
    'el-menu': Menu,
    'el-submenu': Submenu,
    'el-menu-item': MenuItem
  },
  mounted () {
    // do something after the component is mounted
  }
}
</script>

<style>
.container {
  max-width: 1200px;
  margin: 0 auto;
}
.menu {
  background-color: #545c64;
  color: #fff;
}
</style>

该模板包括一个顶部菜单和一个路由出口（router-view），可以通过路由实现页面的切换。其中使用了ElementUI的菜单组件，包括菜单项、子菜单和默认选中项。在脚本中引入了相关组件，并在组件中注册，同时可以在mounted钩子中添加需要的操作。

此外，该模板还使用了一些CSS样式来设置顶部菜单的外观和布局。