<template>
  <div class="domain">
    <!-- <goods-list id="goodsList"></goods-list> -->
    <div v-for="(item,index) in pageData" :key="index">
      <div v-if="item.componentCode=='banner'">
        <banner :datas="item"></banner>
      </div>
      <div v-else-if="item.componentCode=='goods-list'">
        <goods-list :datas="item"></goods-list>
      </div>
    </div>
    <!-- <image
      src="http://cdn.mayi888.com/public/jpg/33ff0efc-96b5-4044-a65a-07799dfe98e1.jpg?x-oss-process=image/resize,limit_1,w_750"
    ></image>
    <van-button type="primary">按钮</van-button>
    <view class="ant-bofang">1</view> -->
    <!-- ----瀑布流开始---- -->
    <!-- <waterfall-flow id="waterfallFlow"></waterfall-flow> -->
    <!-- ----瀑布流结束---- -->
    <!-- <banner id="banner" :datas="componentsList[0]"></banner>
    <div class="domain">abc

      <van-button type="primary">按钮</van-button> -->
    <!-- </div> -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      pageInfo: {},
      pageData: {},
    };
  },
  onLoad() {
    let that = this;
    if (this.mpApp.globalData.pageList) {
      that.init(this.mpApp.globalData.pageList);
    } else {
      this.mpApp.pageCallBack = function (params) {
        that.init(params);
      };
    }
  },
  methods: {
    init(pageList) {
      this.pageInfo = pageList.filter((item) => item.pageCode == 1)[0];
      this.pageData = JSON.parse(this.pageInfo.pageData);
      console.log('36',this.pageData)
    },
  },
};
</script>

<style>
.domain {
  text-align: center;
  /* padding-top: 50%; */
}
</style>