Component({
  data: {
    selectBarLeft: 0,
    newsCategoryId: ''
  },
  properties: {
    newsCategoryList: {
      type: Array,
      value: [],
      observer: function (value) {
        if (value.length > 0) {
          const _this = this
          const query = wx.createSelectorQuery().in(this)
          query.select('#item1').boundingClientRect()
          query.exec(function(res){
            _this.setData({
              selectBarLeft: res[0].width/2
            })
            console.log(_this.data.selectBarLeft)
          })
        }
      }
    },
    newsList: {
      type: Array,
      value: []
    },
    preloadVisible: {
      type: Boolean,
      value: true
    }
  },
  lifetimes: {
    created () {
      console.log('组件实例创建--created')
    },
    attached () {
      
    },
    detached () {
      console.log('从父组件中移除-detached')
    }
  },
  pageLifetimes: {
    show () {
      
    },
    hide () {
      console.log('页面隐藏')
    }
  },
  methods: {
    // 分类导航切换
    onChangeClassifyTab (e) {
      this.data.newsCategoryList.forEach((item, index) => {
        if (index === e.currentTarget.dataset.tab) {
          this.data.newsCategoryId = item.value
          item.select = true
          const _this = this
          const query = wx.createSelectorQuery().in(this)
          query.select(`#item${index + 1}`).boundingClientRect()
          query.exec(function(res){
            _this.setData({
              selectBarLeft: res[0].width/2
            })
            console.log(_this.data.selectBarLeft)
          })
        } else {
          item.select = false
        }
      })
      this.setData({
        newsCategoryList:  this.data.newsCategoryList
      })
      this.triggerEvent('newsCategoryCallback', { newsCategoryId: this.data.newsCategoryId })
    },
    toDetail (e) {
      wx.navigateTo({
        url: `/subpages/oneKeyService/pages/noticeDetail/noticeDetail?id=${e.currentTarget.dataset.id}&title=${e.currentTarget.dataset.title}`
      })
    }
  }
})