index.vue 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <template>
  2. <div class="first-page">
  3. <div class="top">
  4. <base-info></base-info>
  5. <new-active></new-active>
  6. </div>
  7. <div class="bottom">
  8. <equipment></equipment>
  9. <energy></energy>
  10. <enviromentAndSafe></enviromentAndSafe>
  11. <staff></staff>
  12. </div>
  13. </div>
  14. </template>
  15. <script>
  16. import baseInfo from "./BaseInfo.vue";
  17. import equipment from "./Equipment.vue";
  18. import enviromentAndSafe from "./EnviromentAndSafe.vue";
  19. import energy from "./Energy.vue";
  20. import staff from "./Staff.vue";
  21. import newActive from "./NewActive.vue";
  22. export default {
  23. components: {
  24. baseInfo,
  25. equipment,
  26. enviromentAndSafe,
  27. energy,
  28. staff,
  29. newActive
  30. },
  31. mixins: [],
  32. props: {},
  33. data() {
  34. return {};
  35. },
  36. computed: {},
  37. mounted() {},
  38. methods: {}
  39. };
  40. </script>
  41. <style scoped lang="less" >
  42. .first-page {
  43. min-width: 1390px;
  44. .top {
  45. display: flex;
  46. margin-bottom: 10px;
  47. }
  48. .bottom {
  49. display: flex;
  50. justify-content: space-between;
  51. > * {
  52. width: 24.5%;
  53. }
  54. }
  55. }
  56. </style>