emoticon_xcx/pages/home/home.js

import {
  getbannerList
} from '~/services/home/getbannerList';
import {
  getNoticeList
} from '~/services/home/getNoticeList';
import {
  getSearchRecList
} from '~/services/home/getSearchRecList';
import Toast from 'tdesign-miniprogram/toast/index';

Page({
  data: {
    imgSrcs: [],
    tabList: [{
      text: "精选推荐",
      key: 0,
      categoryGuid: 1,
    }],
    hotCategoryList: [{
        emotionCategoryId: 1,
        emotionCategoryImg: "http://mall.api.aerwen.net/Uploads/uploads/20231029/C59225894486D6A4.jpg",
        emotionCategoryName: "loopy表情包"
      },
      {
        emotionCategoryId: 2,
        emotionCategoryImg: "http://mall.api.aerwen.net/Uploads/uploads/20231029/C59225894486D6A4.jpg",
        emotionCategoryName: "loopy表情包"
      },
      {
        emotionCategoryId: 2,
        emotionCategoryImg: "http://mall.api.aerwen.net/Uploads/uploads/20231029/C59225894486D6A4.jpg",
        emotionCategoryName: "loopy表情包"
      },
      {
        emotionCategoryId: 2,
        emotionCategoryImg: "http://mall.api.aerwen.net/Uploads/uploads/20231029/C59225894486D6A4.jpg",
        emotionCategoryName: "loopy表情包"
      },
      {
        emotionCategoryId: 2,
        emotionCategoryImg: "http://mall.api.aerwen.net/Uploads/uploads/20231029/C59225894486D6A4.jpg",
        emotionCategoryName: "loopy表情包"
      },
    ],
    lastUpdatedList: [{
      emoticonDataId: 1,
      emoticonDataImg: "http://mall.api.aerwen.net/Uploads/uploads/20231029/C59225894486D6A4.jpg",
      emoticonDataName: "loopy表情包"
    }, ],
    noticeList: [],
    popularWords: [],
    marquee: {
      speed: 40,
      loop: -1,
      delay: 0,
    },
    pageLoading: false,
    current: 0,
    autoplay: true,
    duration: '500',
    interval: 5000,
    navigation: {
      type: 'dots',
    },
    swiperImageProps: {
      mode: 'scaleToFill',
    },
    categoryGuid: 0,
  },


  privateData: {
    tabIndex: 0,
  },

  onShow() {
    this.getTabBar().init();
  },

  onLoad() {
    this.init();
  },

  // 划到底部触发
  onReachBottom() {

  },

  onPullDownRefresh() {
    this.init();
  },

  init() {
    this.loadHomePage();
  },

  loadHomePage() {
    wx.stopPullDownRefresh();

    this.setData({
      pageLoading: true,
    });

    // 获取轮播图列表
    getbannerList().then((res) => {
      if (res.code == 200) {
        this.setData({
          imgSrcs: res.data.map((v) => v.bannerImg),
        });
      }
    });

    // 获取搜索推荐
    getSearchRecList().then((res) => {
      if (res.code == 200) {
        this.setData({
          popularWords: res.data,
          pageLoading: false
        });
      } else {}
    });

    // 获取公告列表
    // getNoticeList().then((res) => {
    //   if (res.code == 200) {
    //     const _noticeData = res.data.map((v) => {
    //       return {
    //         ...v,
    //         visible: true
    //       };
    //     });
    //     this.setData({
    //       noticeList: _noticeData,
    //       pageLoading: false
    //     });
    //   }
    // });
  },

  // 点击分类
  tabChangeHandle(e) {
    this.privateData.tabIndex = e.detail;
    this.setData({
      categoryGuid: e.detail.value,
    });
    // 刷新列表

  },



  navToSearchPage() {
    wx.navigateTo({
      url: '/pages/home/search/index',
    });
  },


  // 点击搜索推荐
  handleRecTap(e) {
    const {
      dataset
    } = e.currentTarget;
    const _searchValue = dataset?.value;
    if (_searchValue) {
      wx.navigateTo({
        url: `/pages/emoticon/result/index?searchValue=${_searchValue}`,
      });
    }
  },

  // 点击热门分类
  handleClickHotCategory(e) {
    const {
      dataset
    } = e.currentTarget;
    const _searchValue = dataset?.value;
    if (_searchValue) {
      wx.navigateTo({
        url: `/pages/emoticon/result/index?searchValue=${_searchValue}`,
      });
    }
  },

  //点击全部
  handleClickAll() {
    wx.navigateTo({
      url: `/pages/emoticon/result/index`,
    });
  },

});