UserCenter.vue 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <template>
  2. <el-row>
  3. <el-col :span="24">
  4. <div class="index_head">
  5. <h3>打造数字平台,建设魅力中国</h3>
  6. </div>
  7. </el-col>
  8. </el-row>
  9. <el-row :gutter="20" class="user-center" style="margin: 20px 0">
  10. <el-col :span="3" :offset="2">
  11. <el-card>
  12. <h4 class="menu_title">个人中心</h4>
  13. <el-menu router :default-active="$route.path">
  14. <el-menu-item-group>
  15. <el-menu-item index="/userCenter/appInfo">开发者应用</el-menu-item>
  16. <el-menu-item index="/userCenter/myService">我的服务</el-menu-item>
  17. <el-menu-item index="/userCenter/serviceApplyInfo">
  18. 服务申请
  19. </el-menu-item>
  20. <el-menu-item index="/userCenter/attention">我的收藏</el-menu-item>
  21. </el-menu-item-group>
  22. <!-- <el-menu-item-group>
  23. <template #title>
  24. <el-icon><location /></el-icon>
  25. <h4>用户中心</h4>
  26. </template>
  27. <el-menu-item index="/userCenter/userInfo">基本信息</el-menu-item>
  28. <el-menu-item index="/userCenter/myComments">我的评论</el-menu-item>
  29. </el-menu-item-group> -->
  30. </el-menu>
  31. </el-card>
  32. </el-col>
  33. <el-col :span="17">
  34. <el-card>
  35. <router-view/>
  36. </el-card>
  37. </el-col>
  38. </el-row>
  39. </template>
  40. <script>
  41. import Breadcrumb from '../components/Breadcrumb.vue'
  42. export default {
  43. name: 'userCenter',
  44. components: {
  45. Breadcrumb,
  46. },
  47. }
  48. </script>
  49. <style scoped>
  50. .index_head {
  51. background: url('../assets/slogan_bg3.jpg') no-repeat;
  52. background-size: 100% 100%;
  53. height: 120px;
  54. }
  55. .index_head h3 {
  56. font-size: 26px;
  57. color: rgb(255, 255, 255);
  58. text-align: center;
  59. line-height: 120px;
  60. }
  61. :deep(.el-menu) {
  62. border: none;
  63. }
  64. :deep(.el-menu-item-group__title) {
  65. font-size: 15px;
  66. font-weight: bold;
  67. color: #000;
  68. }
  69. </style>