index.vue 698 B

1234567891011121314151617181920212223242526272829303132
  1. <template>
  2. <div class="topic">
  3. xxx
  4. xxx
  5. <el-tabs v-model="activeName" @tab-click="handleClick">
  6. <el-tab-pane label="用户管理" name="first">用户管理</el-tab-pane>
  7. <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane>
  8. <el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>
  9. <el-tab-pane label="定时任务补偿" name="fourth">定时任务补偿</el-tab-pane>
  10. </el-tabs>
  11. </div>
  12. </template>
  13. <script>
  14. export default {
  15. data() {
  16. return {}
  17. },
  18. }
  19. </script>
  20. <style scoped lang="less">
  21. .topic {
  22. width: 100%;
  23. height: 100%;
  24. background: rgba(33, 27, 18, 0.5);
  25. }
  26. </style>