// 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() { } });