index.vue 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <template>
  2. <view class="content">
  3. <!-- 首页信息 -->
  4. <iHead></iHead>
  5. <!-- 行情信息 -->
  6. <Market class="margintop20"></Market>
  7. <!-- 商场分类 -->
  8. <shoppingMalls class="margintop20"></shoppingMalls>
  9. <!-- 页签跳转 -->
  10. <labelItem class="margintop20"></labelItem>
  11. <!-- 最新资讯 -->
  12. <news class="margintop20"></news>
  13. <!-- 最新视频 -->
  14. <newVideo class="margintop20"></newVideo>
  15. <!-- 互动天地 -->
  16. <Exchange class="margintop20"></Exchange>
  17. </view>
  18. </template>
  19. <script>
  20. import iHead from './base/head.vue'
  21. import Market from './base/Market.vue'
  22. import shoppingMalls from './base/shoppingMalls.vue'
  23. import news from './base/news.vue'
  24. import newVideo from './base/newVideo.vue'
  25. import Exchange from './base/Exchange.vue'
  26. import labelItem from './base/labelItem.vue'
  27. import {carouselList} from '@/http/api/common.js'
  28. export default {
  29. components: {
  30. iHead,
  31. Market,
  32. shoppingMalls,
  33. news,
  34. newVideo,
  35. Exchange,
  36. labelItem
  37. },
  38. data() {
  39. return {
  40. }
  41. },
  42. async onLoad() {
  43. },
  44. methods: {
  45. }
  46. }
  47. </script>
  48. <style>
  49. .content {
  50. display: flex;
  51. flex-direction: column;
  52. align-items: center;
  53. justify-content: center;
  54. overflow-y: hidden;
  55. }
  56. .margintop20{
  57. margin-top: 40rpx;
  58. }
  59. </style>