样式，骨架屏

litian

2024-04-11 be4212081285227ee0f5eb080c2d4098a82c2ab9

 pages/home/home.js

@@ -36,7 +36,8 @@
    shoppingCartGetId: [],
    baseRefresh: {
      value: false
    }
    },
    loading: true
  },
  onShow() {
    this.loadHomePage();
@@ -75,7 +76,9 @@
  onPullDownRefresh() {
    this.setData({
      'baseRefresh.value': true,
      isWhite: false
    })
    this.getBannerList();
    this.init();
  },
  init() {
@@ -109,15 +112,27 @@
        const item = res.datas[i]
        list.push({
          value: item.icon,
          link: item.jsek_link
          link: item.jsek_link,

        })
      }
      this.setData({
        bannerList: list
        bannerList: list,
        loading: false
      })
    })
  },

  navToActivityDetail(e) {
    let {
      info
    } = e.currentTarget.dataset
    console.log(info)
    if (info.link) {
      wx.navigateTo({
        url: info.link,
      });
    }
  },

  loadHomePage() {
    fetchHome().then(({
@@ -161,6 +176,10 @@
        start: 0,
        size: 4
      },
      filterList: [{
        value: 'Normal',
        field: 'state'
      }],
      fields: {
        liveTime: [],
        lecturer: [],
@@ -186,7 +205,6 @@
  getCourseTypeListList() {
    const data = {
      path: 'jsek_homepageDigitalCourses',
      filterList: [],
      queryType: '\\',
      searchList: [],
      size: '20',
@@ -195,7 +213,11 @@
      sort: {
        type: 'Asc',
        field: 'LinkOrder'
      }
      },
      filterList: [{
        value: 'Normal',
        field: 'state'
      }]
    }
    app.MG.store.getStoreChannelList(data).then((res) => {
      if (res.datas && res.datas.length > 0) {
@@ -221,6 +243,10 @@
        start: 0,
        size: 4
      },
      filterList: [{
        value: 'Normal',
        field: 'state'
      }],
      fields: {
        courseLeader: [],
        affiliatedUnit: [],
@@ -239,13 +265,19 @@
  },
  tabChangeHandle(item) {
    let info = this.data.courseTypeList[item.detail.value]
    this.setData({
      courseList: []
    })
    this.getCourseList(info)
  },
  //图书服务分类
  getBookTypeList() {
    const data = {
      path: 'jsek_homepageBookService',
      filterList: [],
      filterList: [{
        value: 'Normal',
        field: 'state'
      }],
      queryType: '\\',
      searchList: [],
      size: '20',
@@ -282,6 +314,10 @@
        start: 0,
        size: 6
      },
      filterList: [{
        value: 'Normal',
        field: 'state'
      }],
      fields: {
        author: []
      }
@@ -312,6 +348,10 @@
        start: 0,
        size: 3
      },
      filterList: [{
        value: 'Normal',
        field: 'state'
      }],
      fields: {
        author: []
      }
@@ -334,6 +374,10 @@
        start: 0,
        size: 6
      },
      filterList: [{
        value: 'Normal',
        field: 'state'
      }],
      fields: {
        author: [],
      }
@@ -545,26 +589,20 @@

  // 监听滚动条
  onScroll(e) {
    console.log(e)
    this.setData({
      isWhite: true
    })
    if (e.detail.scrollTop == 0) {
      this.setData({
        isWhite: false
      })
    }
    // this.setData({
    //   isWhite: e.detail.scrollTop > 20 ? true : false
    // })
    this.setData({
      isWhite: e.detail.scrollTop > 20 ? true : false
    })
  },

  onScrollToTop(e) {

    this.setData({
      isWhite: e.detail.scrollTop > 50 ? true : false
    })
  },

  onRetrievalPage() {

    // 首页测试登录功能，后续注释