const {
  getGoods
} = require("../../api/index.js")
Page({
  data: {
    value: "",
    showBackToTop: false,
    navData: [{
        id: "1",
        text: "即将开团",
        icon: "tosend",
        color: "#ff0000"
      },
      {
        id: "2",
        text: "上新预告",
        icon: "new-o",
        color: "#36ab60"
      },
      {
        id: "3",
        text: "团购结束",
        icon: "stop-circle-o",
        color: "#36ab60"
      }
    ],
    page: 1,
    goodsData: []
  },
  onLoad() {
    this.http(this.data.page)
  },

  /*
  点击搜索框获取焦点
  */
  clickSearch() {
    wx.navigateTo({
      url: '/pages/search/search',
    })
  },
  onScroll(event) {
    // 获取滚动位置
    const scrollTop = event.detail.scrollTop;
    // 当滚动到一定位置时显示返回顶部按钮
    this.setData({
      showBackToTop: scrollTop > 300
    });

  },
  handleScrollToTop() {
    // console.log("尝试返回顶部");
    wx.pageScrollTo({
      scrollTop: 0,
      duration: 300,
      // success: () => console.log("返回顶部成功"),
      // fail: (err) => console.error("返回顶部失败", err)
    });
  },

  http(page) {
    getGoods({
      page
    }).then(res => {
      if (!res.data.msg) {
        this.setData({
          // 老数据合并新数据，做累加操作
         goodsData: this.data.goodsData.concat(res.data.data)
        })
      } else {
        //给出用户提示
        wx.showToast({
          title: res.data.msg,
          icon: "success",
          duration: 2000
        })
      }
    })
  },
  onScrollToLower() {
    // 更改页面
    this.setData({
      page: this.data.page += 1
    })
    this.http(this.data.page)
  }
})