web-financial/pages/policy/index.js

// pages/policy/index.js
const app = getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    nvabarData: {
      showCapsule: 1, //是否显示左上角图标   1表示显示    0表示不显示
      title: '政策信息', //导航栏 中间的标题
      // 此页面 页面内容距最顶部的距离
      height: app.globalData.height * 2 + 20,
    },
    active: 3,
    icon: {
      normal: 'https://img.yzcdn.cn/vant/user-inactive.png',
      active: 'https://img.yzcdn.cn/vant/user-active.png'
    },
    currentTab: 0,
    // 政策公文
    policyList: [{
        "pic": "/pages/images/test.jpg",
        "title": "中国银保监会就《商业银行小微企业金融服务监管评价暂行办法（试行）》中国银保监会就《商业银行小微企业金融服务监管评价暂行办法（试行）》",
        "zhuti": "疫情",
        "dengji": "吉林省"
      },
      {
        "pic": "/pages/images/test.jpg",
        "title": "中国银保监会就《商业银行小微企业金融服务监管评价暂行办法（试行）》",
        "zhuti": "疫情",
        "dengji": "吉林省"
      },
      {
        "pic": "/pages/images/test.jpg",
        "title": "中国银保监会就《商业银行小微企业金融服务监管评价暂行办法（试行）》",
        "zhuti": "疫情",
        "dengji": "吉林省"
      },
      {
        "pic": "/pages/images/test.jpg",
        "title": "中国银保监会就《商业银行小微企业金融服务监管评价暂行办法（试行）》",
        "zhuti": "疫情",
        "dengji": "吉林省"
      },
      {
        "pic": "/pages/images/test.jpg",
        "title": "中国银保监会就《商业银行小微企业金融服务监管评价暂行办法（试行）》",
        "zhuti": "疫情",
        "dengji": "吉林省"
      },
      {
        "pic": "/pages/images/test.jpg",
        "title": "中国银保监会就《商业银行小微企业金融服务监管评价暂行办法（试行）》",
        "zhuti": "疫情",
        "dengji": "吉林省"
      },
      {
        "pic": "/pages/images/test.jpg",
        "title": "中国银保监会就《商业银行小微企业金融服务监管评价暂行办法（试行）》",
        "zhuti": "疫情",
        "dengji": "吉林省"
      },
      {
        "pic": "/pages/images/test.jpg",
        "title": "中国银保监会就《商业银行小微企业金融服务监管评价暂行办法（试行）》",
        "zhuti": "疫情",
        "dengji": "吉林省"
      },
      {
        "pic": "/pages/images/test.jpg",
        "title": "水电费地方",
        "zhuti": "疫情",
        "dengji": "吉林省"
      },
      {
        "pic": "/pages/images/test.jpg",
        "title": "水电费地方",
        "zhuti": "疫情",
        "dengji": "吉林省"
      },
    ],
    // 政策解读
    unscrambleList: [{
        "pic": "/pages/images/test.jpg",
        "title": "中国银保监会就《商业银行小微企业金融服务监管评价暂行办法（试行）》中国银保监会就《商业银行小微企业金融服务监管评价暂行办法（试行）》",
        "zhuti": "疫情",
        "dengji": "吉林省"
      },
      {
        "pic": "/pages/images/test.jpg",
        "title": "中国银保监会就《商业银行小微企业金融服务监管评价暂行办法（试行）》中国银保监会就《商业银行小微企业金融服务监管评价暂行办法（试行）》",
        "zhuti": "疫情",
        "dengji": "吉林省"
      },
      {
        "pic": "/pages/images/test.jpg",
        "title": "中国银保监会就《商业银行小微企业金融服务监管评价暂行办法（试行）》中国银保监会就《商业银行小微企业金融服务监管评价暂行办法（试行）》",
        "zhuti": "疫情",
        "dengji": "吉林省"
      },
      {
        "pic": "/pages/images/test.jpg",
        "title": "中国银保监会就《商业银行小微企业金融服务监管评价暂行办法（试行）》中国银保监会就《商业银行小微企业金融服务监管评价暂行办法（试行）》",
        "zhuti": "疫情",
        "dengji": "吉林省"
      },
      {
        "pic": "/pages/images/test.jpg",
        "title": "中国银保监会就《商业银行小微企业金融服务监管评价暂行办法（试行）》中国银保监会就《商业银行小微企业金融服务监管评价暂行办法（试行）》",
        "zhuti": "疫情",
        "dengji": "吉林省"
      },
      {
        "pic": "/pages/images/test.jpg",
        "title": "中国银保监会就《商业银行小微企业金融服务监管评价暂行办法（试行）》中国银保监会就《商业银行小微企业金融服务监管评价暂行办法（试行）》",
        "zhuti": "疫情",
        "dengji": "吉林省"
      },
      {
        "pic": "/pages/images/test.jpg",
        "title": "中国银保监会就《商业银行小微企业金融服务监管评价暂行办法（试行）》中国银保监会就《商业银行小微企业金融服务监管评价暂行办法（试行）》",
        "zhuti": "疫情",
        "dengji": "吉林省"
      },
      {
        "pic": "/pages/images/test.jpg",
        "title": "中国银保监会就《商业银行小微企业金融服务监管评价暂行办法（试行）》中国银保监会就《商业银行小微企业金融服务监管评价暂行办法（试行）》",
        "zhuti": "疫情",
        "dengji": "吉林省"
      },
      {
        "pic": "/pages/images/test.jpg",
        "title": "中国银保监会就《商业银行小微企业金融服务监管评价暂行办法（试行）》中国银保监会就《商业银行小微企业金融服务监管评价暂行办法（试行）》",
        "zhuti": "疫情",
        "dengji": "吉林省"
      },
      {
        "pic": "/pages/images/test.jpg",
        "title": "sfdf",
        "zhuti": "疫情",
        "dengji": "吉林省"
      },
    ],
    widHeight: '0'
  },
  //滑动切换
  swiperTab: function (e) {
    var that = this;
    // 获取单个轮播循环的高度
    var heights = this.data.height;
    // 获取一级成员的数组个数
    var policyList = this.data.policyList.length
    // 获取二级成员的数组个数
    var unscrambleList = this.data.unscrambleList.length
    that.setData({
      currentTab: e.detail.current
    });
    if (this.data.currentTab == 0) {
      that.setData({
        widHeight: heights * policyList + 92 + "px"
      });
    } else {
      that.setData({
        widHeight: heights * unscrambleList + 92 + "px"
      });
    }
  },
  //点击切换
  clickTab: function (e) {
    var that = this;
    if (this.data.currentTab === e.target.dataset.current) {
      return false;
    } else {
      that.setData({
        currentTab: e.target.dataset.current
      })
    }
  },
  // 政策解读页面详情跳转
  // 判断id
  policyListDetail: function (e) {
    console.log(e.currentTarget.id)
    wx.navigateTo({
      url: '/pages/policyDetail/index?id=' + e.currentTarget.id // 希望跳转过去的页面    
    })
  },
  // 无id，模拟数据跳转
  policyListDetail: function () {
    wx.navigateTo({
      url: '/pages/policyDetail/index'
    })
  },
  onChange(event) {
    this.setData({
      active: event.detail
    });
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var query = wx.createSelectorQuery();
    var that = this;
    /**
     * 获取系统信息
     */
    var policyList = this.data.policyList.length;
    query.select('.list').boundingClientRect(function (rect) {
      that.setData({
        // 获取要循环标签的高度
        height: rect.height,
        widHeight: rect.height * policyList + 92 + "px"
      })
    }).exec();
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})