样式，骨架屏

litian

2024-04-11 be4212081285227ee0f5eb080c2d4098a82c2ab9

 pages/home/home.js

@@ -16,7 +16,7 @@
    tabList: [], //目录
    current: 1, //轮播图参数
    autoplay: true, //轮播图参数
    duration: '500', //轮播图参数
    duration: '500', //轮播图参数 
    interval: 5000, //轮播图参数
    navigation: {
      type: 'dots'
@@ -36,7 +36,8 @@
    shoppingCartGetId: [],
    baseRefresh: {
      value: false
    }
    },
    loading: true
  },
  onShow() {
    this.loadHomePage();
@@ -55,19 +56,19 @@

    // 首页测试登录功能，后续注释
    // 检查登录状态
    // const token = wx.getStorageSync(app.config.tokenKey)
    // if (!token) {
    //   loginInfo(app, (data) => {
    //     // 如果不是第一次登录，会执行回调
    //     if (data) {
    //       // 登录成功，自动记录token和用户信息，并返回true
    //     } else {
    //       // 出现错误，返回false
    //     }
    //   })
    // } else {
    //   // 如果是第一次登录，会跳转至绑定用户信息页面，填写完用户信息后进行登录并储存token和用户信息，结束后跳转回当前页面（携带页面参数）
    // }
    const token = wx.getStorageSync(app.config.tokenKey)
    if (!token) {
      loginInfo(app, (data) => {
        // 如果不是第一次登录，会执行回调
        if (data) {
          // 登录成功，自动记录token和用户信息，并返回true
        } else {
          // 出现错误，返回false
        }
      })
    } else {
      // 如果是第一次登录，会跳转至绑定用户信息页面，填写完用户信息后进行登录并储存token和用户信息，结束后跳转回当前页面（携带页面参数）
    }

    this.init();
  },
@@ -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: []
      }
@@ -303,8 +339,8 @@
  //数字阅读
  getReadBookList() {
    const obj = {
      storeInfo: app.config.digitalTextbooks,
      path: 'jsek_homepageDigitalTextbooks',
      storeInfo: app.config.digitalRead,
      path: 'jsek_homepageDigitalReading',
      coverSize: {
        width: 150
      },
@@ -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: [],
      }
@@ -412,11 +456,9 @@
    const {
      book
    } = e.currentTarget.dataset;
    wx.showToast({
      title: "建设中",
      icon: 'none',
      duration: 1000
    })
    wx.navigateTo({
      url: '/pages/home/digitalRead/index?productId=' + book.id,
    });
  },
  goTextBookDetail(e) {
    const {
@@ -502,8 +544,37 @@
  onMoreGuide(e) {
    let type = e.currentTarget.dataset.info
    if (type == "tushufuwu") {
      let assortCode = "";
      if (this.data.bookTypeData.name == '高等教育') {
        assortCode = "jsek_higherEducation"
      }
      if (this.data.bookTypeData.name == '职业教育') {
        assortCode = "jsek_vocationalEducation"
      }
      if (this.data.bookTypeData.name == '教师教育') {
        assortCode = "jsek_teacherEducation"
      }
      if (this.data.bookTypeData.name == '少儿教育') {
        assortCode = "jsek_childrenEducation"
      }
      if (this.data.bookTypeData.name == '考试培训') {
        assortCode = "jsek_examTraining"
      }
      if (this.data.bookTypeData.name == '主题出版') {
        assortCode = "jsek_themePublishing"
      }
      if (this.data.bookTypeData.name == '学术著作') {
        assortCode = "jsek_academicWorks"
      }
      if (this.data.bookTypeData.name == '大众读物') {
        assortCode = "jsek_popularReadingMaterials"
      }
      wx.navigateTo({
        url: '/packageBookService/pages/bookServices/list/index?assorName=' + this.data.bookTypeData.name
        url: '/packageBookService/pages/bookServices/list/index?assorName=' + this.data.bookTypeData.name + '&assortCode=' + assortCode
      })
    } else if (type == "shuziyuedu") {
      wx.navigateTo({
        url: '/pages/home/digitalRead/index'
      })
    } else {
      wx.showToast({
@@ -519,12 +590,41 @@
  // 监听滚动条
  onScroll(e) {
    this.setData({
      isWhite: e.detail.scrollTop > 10 ? true : false
      isWhite: true
    })
    this.setData({
      isWhite: e.detail.scrollTop > 20 ? true : false
    })
  },
  onRetrievalPage() {
    wx.navigateTo({
      url: '/pages/retrievalPage/index?searchVal=' + this.data.searchVal

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

  onRetrievalPage() {

    // 首页测试登录功能，后续注释
    // 检查登录状态
    const token = wx.getStorageSync(app.config.tokenKey)
    if (!token) {
      loginInfo(app, (data) => {
        // 如果不是第一次登录，会执行回调
        if (data) {
          wx.navigateTo({
            url: '/pages/retrievalPage/index?searchVal=' + this.data.searchVal
          })
        } else {
          // 出现错误，返回false
        }
      })
    } else {
      wx.navigateTo({
        url: '/pages/retrievalPage/index?searchVal=' + this.data.searchVal
      })
    }


  },
});