元气智驾官网前端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

79 lines
1.5 KiB

  1. <template>
  2. <el-container>
  3. <el-header>
  4. <div class="header">
  5. <img src="@/assets/logo.png" id="logo" />
  6. <yqheaders/>
  7. <el-button plain class="login" size="small">注册 / 登陆</el-button>
  8. </div>
  9. </el-header>
  10. <el-main>
  11. <router-view />
  12. </el-main>
  13. <yqfooters/>
  14. </el-container>
  15. </template>
  16. <script>
  17. import yqheaders from '@/components/header.vue'
  18. import yqfooters from '@/components/footer.vue'
  19. export default {
  20. name: 'layouts',
  21. data () {
  22. return {}
  23. },
  24. components: {
  25. yqheaders,
  26. yqfooters
  27. }
  28. }
  29. </script>
  30. <style lang="scss" scoped>
  31. .header{
  32. width: 1200px !important;
  33. }
  34. .el-container {
  35. margin: 0;
  36. padding: 0;
  37. .el-header {
  38. position: fixed;
  39. top: 0;
  40. left: 0;
  41. margin:0;
  42. padding: 0;
  43. width: 100%;
  44. display: flex;
  45. justify-content: center;
  46. height: 77px;
  47. background: #00000081;
  48. align-items: center;
  49. z-index: 999;
  50. #logo {
  51. width: 163px;
  52. height: 43px;
  53. image-rendering: pixelated;
  54. margin-right: 70px;
  55. float: left;
  56. margin-top: 10px;
  57. }
  58. .login {
  59. background: none !important;
  60. border: 1px solid #00F6BD;
  61. opacity: 0.8;
  62. border-radius: 4px;
  63. color: #fff;
  64. float: right;
  65. margin-top: 16px;
  66. }
  67. }
  68. .el-main {
  69. padding: 0;
  70. margin: 0;
  71. }
  72. .el-footer {
  73. margin:0;
  74. padding: 0;
  75. width: 100%;
  76. }
  77. }
  78. </style>