App.vue 972 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <template>
  2. <div id="app">
  3. <el-config-provider :locale="zhCn">
  4. <router-view />
  5. </el-config-provider>
  6. </div>
  7. </template>
  8. <script setup>
  9. import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
  10. // element 2.3.8之前使用下面的语句
  11. // import zhCn from 'element-plus/lib/locale/lang/zh-cn'
  12. defineOptions({
  13. name: 'App'
  14. })
  15. </script>
  16. <style lang="scss">
  17. @tailwind base;
  18. @tailwind components;
  19. @tailwind utilities;
  20. // 引入初始化样式
  21. #app {
  22. background: #eee;
  23. height: 100vh;
  24. overflow: hidden;
  25. font-weight: 400 !important;
  26. }
  27. .el-button{
  28. font-weight: 400 !important;
  29. }
  30. .el-main{
  31. --el-main-padding: 0 20px !important;
  32. }
  33. .el-sub-menu,.gva-menu-item{
  34. .el-icon{
  35. font-size: 11px!important;
  36. margin-right: 0!important;
  37. }
  38. }
  39. .gva-menu-item {
  40. .gva-menu-item-title{
  41. }
  42. }
  43. .el-sub-menu__title{
  44. .gva-subMenu{
  45. font-size: 12px!important;
  46. }
  47. }
  48. .el-menu-item.is-active ,.el-menu-item {
  49. .gva-menu-item{
  50. font-size: 11px!important;
  51. }
  52. }
  53. </style>