index.vue 1.4 KB

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