liukangdong
2024-08-05 00bf17838b496e6fcfed2e521f9c27f8f0e3e3c7
wechat_jiaxuan/components/disProduct/index.js
@@ -1,5 +1,6 @@
import { getCatalogList, getCataLogTagList, getZhongTaiProductPage } from '../../api/index'
import { eventBus } from '../../utils/eventBus'
let touchDot = 0
Component({
  /**
   * 组件的属性列表
@@ -12,6 +13,10 @@
   * 组件的初始数据
   */
  data: {
    // 动画
    showTouch: true,
    animationData: {},
    activeIndex: -1,
    activeParam: [],
    tagCodes: [],
@@ -24,7 +29,8 @@
    total: 0,
    query: '',
    sortType: '',
    catalogCode: ""
    catalogCode: "",
    scrollTop: 0
  },
  pageLifetimes: {
    show: function() {
@@ -34,8 +40,17 @@
        const datalist = this.data.datalist
        datalist.forEach(item => {
          if(item.id === info.id){
            console.log(item)
            console.log(info)
            if(item.isCollection != info.isCollection){
              if(!item.isCollection){
                item.collectCount = (item.collectCount || 0)+1
              }else if(item.collectCount >0){
                item.collectCount = (item.collectCount || 0)-1
              }
            }
            item.isCollection = info.isCollection
            item.viewCount ++
            item.viewCount =(item.viewCount||0) +1
          }
        })
        this.setData({ datalist })
@@ -52,8 +67,44 @@
        getApp().globalData.catalogCode = ''
      }, 2000)
    }
    this.animation = wx.createAnimation({
      duration: 600,
      timingFunction: 'ease',
    });
  },
  methods: {
    bindscrolltoupper() {
      this.setData({ showTouch: true })
      this.fadeIn();
    },
    touchstart(e){
      touchDot = e.detail.scrollTop;
    },
    touchmove(e) {
      var touchMove = e.detail.scrollTop;
      if(touchMove - touchDot > 60){
        this.fadeOut();
      }
      if(touchDot - touchMove > 60){
        this.fadeIn();
        this.setData({ showTouch: true })
      }
    },
    fadeIn: function () {
      this.animation.opacity(1).step();
      this.setData({
        animationData: this.animation.export()
      });
    },
    fadeOut: function () {
      this.animation.opacity(0).step();
      this.setData({
        animationData: this.animation.export()
      });
      setTimeout(() => {
        this.setData({ showTouch: false });
      }, 500); // 动画持续时间
    },
    getCatelist() {
      getCatalogList({
        catalogCode: 'product_intro'
@@ -111,10 +162,6 @@
          icon: 'none'
        })
      }
    },
    scrolltoupper() {
      this.setData({ pageNum: 1, datalist: [], total: 0 })
      this.getList()
    },
    cateClick(e) {
      var {isLoading} = this.data