// components/Tabs/Tabs.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {
  },

  /**
   * 组件的初始数据
   */
  data: {
    tabs: [
      {
        id: 0,
        name: "首页",
        isActive: true
      },
      {
        id: 1,
        name: "原创",
        isActive: false
      }
      ,
      {
        id: 2,
        name: "分类",
        isActive: false
      }
      ,
      {
        id: 3,
        name: "关于",
        isActive: false
      }
    ]
  },

  /**
   * 组件的方法列表
   */
  methods: {
  }
})

methods: {
    handleItemTap(e) {
      // 查看索引所在的位置
      console.log(e);

      // 1.获取被点击的索引
      // ES6常量const,只读不可改
      // ES6解构赋值:const { index } = e.currentTarget.dataset;
      const index = e.currentTarget.dataset.index;

      // 2.获取原数组
      // ES6变量let,块级作用域
      // ES6解构赋值:let { tabs } = this.data;
      let tabs = this.data.tabs;

      // 3.循环数组：为当前索引项设置isActive：true,其余false
      // ES6箭头函数
      tabs.forEach((v, i) => {
        i === index ? v.isActive = true : v.isActive = false
      });

      // 修改数据
      this.setData({
        tabs
      })
    }
}

properties: {
  // 属性名
  abc: {
    // 接收的数据的类型
    type: String,
    // 默认值
    value: ""
  }
},

// this.data中找不到数据，则在properties中寻找
let tabs = this.data.tabs;
// 将tabs放入data当中
this.setData({
  tabs
})

methods: {
  handleItemTap(e) {
    // 1.获取被点击的索引
    const index = e.currentTarget.dataset.index;
    // 2.触发父组件中的自定义事件，并传递数据
    this.triggerEvent("itemChange", { index }); //triggerEvent("自定义事件名", 要传递的数据)
  }
}

// 自定义事件方法
handleItemChange(e) {
  console.log(e);
  // 接收传递的数据
  const index = e.detail.index;
  // 以下代码相同
  let tabs = this.data.tabs;
  tabs.forEach((v, i) => {
    i === index ? v.isActive = true : v.isActive = false
  });
  this.setData({
    tabs
  })
},

// app.js
App({
  // 应用 第一次启动 的时候触发，可用于最开始获取用户的个人信息等
  onLaunch() {
    console.log("onLaunch");
  },

  // 应用 显示 的时候触发，可用于对页面数据、页面效果进行重置
  onShow() {
    console.log("onShow");
    // 可调用多次
  },

  // 应用 隐藏 的时候触发，可用于暂停或清除定时器
  onHide() {
    console.log("onHide");
  },

  // 应用 代码报错 的时候触发，可用于收集错误信息并发送到后台
  onError(error) {
    console.log("onError");
    console.log(error);
  },

  // 应用 第一次启动找不到入口页面 的时候触发，可用于跳转
  onPageNotFound() {
    console.log("onPageNotFound");
    wx.navigateTo({
      url: '/pages/demo01/demo01',
    })
  }

})

// pages/demo02/demo02.js
Page({

  /**
   * 页面的初始数据
   */
  data: {

  },

  /**
   * 生命周期函数--监听页面加载
   * 发送异步请求初始化页面数据
   */
  onLoad: function (options) {
    console.log("onLoad");
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    console.log("onShow");
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    console.log("onReady");
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    console.log("onHide");
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    console.log("onUnload");
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   * 对页面初始化
   */
  onPullDownRefresh: function () {
    console.log("onPullDownRefresh");
  },

  /**
   * 页面上拉触底事件的处理函数
   * 触底加载更多数据
   */
  onReachBottom: function () {
    console.log("onReachBottom");
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    console.log("onShareAppMessage");
  },

  /**
   * 页面滚动
   */
  onPageScroll() {
    console.log("onPageScroll");
  },

  /**
   * 页面尺寸改变
   */
  onResize() {
    console.log("onResize");
  },

  /**
   * 当前是tab页，点击当前页的tab时触发
   */
  onTabItemTap() {
    console.log("onTabItemTap");
  }
})