app/pages/match/index.js

// pages/match/index.js
const app = getApp();

Page({

  /**
   * 页面的初始数据
   */
  data: {
    appAssetsUrl2: app.appAssetsUrl2,
    matchList: [
      {
        id: 1,
        title: '2025年夏季创业大赛季创业大赛...',
        description: '青年创业大赛是为怀揣梦想的年轻人打造的实践舞台，聚焦科技创新、社会服务、文化创意等领域，通过项目路演等形式...',
        image: app.appAssetsUrl2 + 'match/match1.jpg'
      },
      {
        id: 2,
        title: '2025年夏季创业大赛季创业大赛...',
        description: '青年创业大赛是为怀揣梦想的年轻人打造的实践舞台，聚焦科技创新、社会服务、文化创意等领域，通过项目路演等形式...',
        image: app.appAssetsUrl2 + 'match/match2.jpg'
      },
      {
        id: 3,
        title: '2025年夏季创业大赛季创业大赛...',
        description: '青年创业大赛是为怀揣梦想的年轻人打造的实践舞台，聚焦科技创新、社会服务、文化创意等领域，通过项目路演等形式...',
        image: app.appAssetsUrl2 + 'match/match3.jpg'
      }
    ],
    statusBarHeightTop: 0,
    statusBarHeight: 0,

  },

  /**
   * 赛事项目点击事件
   */
  onMatchItemTap(e) {
    const index = e.currentTarget.dataset.index;
    const matchItem = this.data.matchList[index];
    console.log('点击赛事项目:', matchItem);

    // 跳转到详情页面
    wx.navigateTo({
      url: `/pages/match/details/index?id=${matchItem.id}`
    });
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.height();
    // 可以在这里加载赛事数据
    this.loadMatchData();
  },

  /**
   * 加载赛事数据
   */
  loadMatchData() {
    // TODO: 调用API获取赛事数据
    wx.showLoading({
      title: '加载中...'
    });

    // 模拟API调用
    setTimeout(() => {
      wx.hideLoading();
      // 这里可以设置从API获取的数据
      // this.setData({
      //   matchList: apiData
      // });
    }, 1000);
  },
  height() {
    const {
      platform,
      statusBarHeight
    } = wx.getSystemInfoSync();
    let statusBarHeightTop = statusBarHeight;
    let height = statusBarHeight + 4; //ios 24px
    let mH = statusBarHeight + 4;
    if (platform.toLowerCase() == "android") {
      height += 4; //android 28px
      mH += 4;
    }
    height = height + 100;
    // height = height + 38 + 118;
    // 胶囊高度 32px 下边框6px height 状态栏高度
    this.setData({
      statusBarHeightTop: statusBarHeightTop + "px",
      statusBarHeight: height + "px",
      statusBarMH: mH + "px",
    });
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {
    // 页面渲染完成
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    // 页面显示时刷新数据
  },

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

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

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {
    // 下拉刷新
    this.loadMatchData();
    wx.stopPullDownRefresh();
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {
    // 上拉加载更多
    console.log('加载更多赛事数据');
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {
    
  }
});