超实用！微信小程序一键搞定四人或三人比赛积分统计

index.wxml: ```html <view class="container"> <view class="mode-selector"> <radio-group bindchange="onModeChange"> <label> <radio value="four" />四人比赛 </label> <label> <radio value="three" />三人比赛 </label> </radio-group> </view> <view class="player-input" hidden="{{!isFourPlayers}}"> <input placeholder="玩家1" bindinput="onInputPlayer1" /> <input placeholder="玩家2" bindinput="onInputPlayer2" /> <input placeholder="玩家3" bindinput="onInputPlayer3" /> <input placeholder="玩家4" bindinput="onInputPlayer4" /> </view> <view class="player-input" hidden="{{!isThreePlayers}}"> <input placeholder="玩家1" bindinput="onInputPlayer1" /> <input placeholder="玩家2" bindinput="onInputPlayer2" /> <input placeholder="玩家3" bindinput="onInputPlayer3" /> </view> <view class="score-display"> <!-- 显示积分统计 --> </view> <button class="next-round" bindtap="onNextRound">下一场</button> </view> ``` index.wxss: ```css .container { display: flex; flex-direction: column; align-items: center; padding: 20px; } .mode-selector { margin-bottom: 20px; } .player-input { display: flex; flex-direction: column; width: 100%; } input { margin-bottom: 10px; } .score-display { width: 100%; margin-top: 20px; } .next-round { margin-top: 20px; } ``` index.json: ```json { "usingComponents": {} } ``` index.ts: ```typescript Page({ data: { isFourPlayers: true, isThreePlayers: false, players: [], scores: [], round: 1, multiplier: 1, }, onModeChange(e) { const mode = e.detail.value; this.setData({ isFourPlayers: mode === 'four', isThreePlayers: mode === 'three', players: [], scores: [], round: 1, }); }, onInputPlayer1(e) { this.setData({ player1: e.detail.value }); }, onInputPlayer2(e) { this.setData({ player2: e.detail.value }); }, onInputPlayer3(e) { this.setData({ player3: e.detail.value }); }, onInputPlayer4(e) { this.setData({ player4: e.detail.value }); }, onNextRound() { // 计算积分并更新数据 const newScores = this.calculateScores(); this.setData({ scores: newScores, round: this.data.round + 1 }); }, calculateScores() { // 根据玩家名次计算积分并返回新的积分数组 // ...实现积分计算逻辑... }, }); ``` ######[AI写代码神器 | 874点数解答 | 2024-10-02 11:27:20]