valueDelivery.vue 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <template>
  2. <div class="valueDelivery">
  3. <div class="bg">
  4. <img
  5. :src="bgImg"
  6. alt=""
  7. >
  8. </div>
  9. <div class="hor-nowData">
  10. <div class="hor-head">
  11. <HorHead />
  12. </div>
  13. <div>
  14. <NowData screenType="hor" />
  15. </div>
  16. <div>
  17. <LastMonth screenType="hor" />
  18. </div>
  19. <div>
  20. <AirSwitch screenType="hor" />
  21. </div>
  22. <div>
  23. <FloorSpace />
  24. </div>
  25. </div>
  26. </div>
  27. </template>
  28. <script>
  29. import hor_big_bg from '@/assets/horImg/hor_big_bg.png';
  30. import HorHead from './valueDelivery/HorHead.vue'
  31. import NowData from './valueDelivery/NowData.vue'
  32. import LastMonth from './valueDelivery/LastMonthData.vue'
  33. import AirSwitch from './valueDelivery/AirSwitch.vue'
  34. import FloorSpace from './valueDelivery/FloorSpace.vue'
  35. export default {
  36. components: { HorHead, NowData, AirSwitch, FloorSpace, LastMonth },
  37. data() {
  38. return {
  39. bgImg: hor_big_bg
  40. }
  41. }
  42. }
  43. </script>
  44. <style lang="less" scoped>
  45. .valueDelivery {
  46. .bg {
  47. position: absolute;
  48. z-index: -1;
  49. }
  50. .hor-head {
  51. padding-top: 32px;
  52. display: flex;
  53. justify-content: center;
  54. }
  55. }
  56. </style>