89 lines
2.8 KiB
Plaintext
89 lines
2.8 KiB
Plaintext
<!-- pages/game/index.wxml - 游戏主页面 -->
|
|
<view class="container">
|
|
<!-- 顶部信息栏 -->
|
|
<view class="header">
|
|
<view class="info-item">
|
|
<text class="label">关卡:</text>
|
|
<text class="value">{{currentLevel}}</text>
|
|
</view>
|
|
<view class="info-item">
|
|
<text class="label">得分:</text>
|
|
<text class="value">{{score}}</text>
|
|
</view>
|
|
<view class="info-item" wx:if="{{combo > 1}}">
|
|
<text class="label combo">连击 x{{combo}}</text>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 下一个水果预览 -->
|
|
<view class="preview-area">
|
|
<text class="preview-label">下一个:</text>
|
|
<canvas
|
|
canvas-id="previewCanvas"
|
|
class="preview-canvas"
|
|
width="60"
|
|
height="60">
|
|
</canvas>
|
|
</view>
|
|
|
|
<!-- 游戏主画布 -->
|
|
<canvas
|
|
canvas-id="gameCanvas"
|
|
class="game-canvas"
|
|
bindtouchstart="onTouchStart"
|
|
disable-scroll="true">
|
|
</canvas>
|
|
|
|
<!-- Boss 饱食度条 -->
|
|
<view class="boss-bar" wx:if="{{bossName}}">
|
|
<text class="boss-name">{{bossName}}</text>
|
|
<view class="progress-bar">
|
|
<view class="progress-fill" style="width: {{feedProgress}}%"></view>
|
|
</view>
|
|
<text class="progress-text">{{fedCount}}/{{targetFeed}}</text>
|
|
</view>
|
|
|
|
<!-- 道具栏 -->
|
|
<view class="items-bar">
|
|
<view class="item-btn" bindtap="useBomb">
|
|
<text class="item-icon">💣</text>
|
|
<text class="item-count">{{items.bomb}}</text>
|
|
</view>
|
|
<view class="item-btn" bindtap="useFreeze">
|
|
<text class="item-icon">❄️</text>
|
|
<text class="item-count">{{items.freeze}}</text>
|
|
</view>
|
|
<view class="item-btn" bindtap="revive" wx:if="{{showReviveBtn}}">
|
|
<text class="item-icon">🎬</text>
|
|
<text class="item-text">看视频复活</text>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 暂停按钮 -->
|
|
<view class="pause-btn" bindtap="togglePause">
|
|
<text>{{isPaused ? '▶️' : '⏸️'}}</text>
|
|
</view>
|
|
|
|
<!-- 结算面板 -->
|
|
<view class="result-panel" wx:if="{{showResult}}">
|
|
<view class="result-content">
|
|
<text class="result-title">{{isClear ? '🎉 通关成功！' : '💔 游戏结束'}}</text>
|
|
<view class="result-stats">
|
|
<text class="stat">最终得分: {{finalScore}}</text>
|
|
<text class="stat">最高连击: {{finalCombo}}</text>
|
|
<text class="stat">用时: {{finalTime}}秒</text>
|
|
</view>
|
|
<view class="result-buttons">
|
|
<button class="btn primary" bindtap="nextLevel" wx:if="{{isClear && currentLevel < 20}}">下一关</button>
|
|
<button class="btn secondary" bindtap="restart">重新开始</button>
|
|
<button class="btn secondary" bindtap="returnHome">返回主页</button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 金色传说特效 -->
|
|
<view class="golden-effect" wx:if="{{showGoldenEffect}}">
|
|
<text class="golden-text">✨ 金色传说 </text>
|
|
</view>
|
|
</view>
|