From 19df482edda8714cc667f804acbacca6c7bddf17 Mon Sep 17 00:00:00 2001
From: blackhuwn <blackhuwn_BOSS@163.com>
Date: Mon, 8 Sep 2025 15:57:37 +0800
Subject: [PATCH] =?UTF-8?q?=E9=9C=80=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 miniprogram/pages/index/index.wxml | 30 ++++++++++++++++++++++++++----
 1 file changed, 26 insertions(+), 4 deletions(-)

diff --git a/miniprogram/pages/index/index.wxml b/miniprogram/pages/index/index.wxml
index a17dc6a..259c650 100644
--- a/miniprogram/pages/index/index.wxml
+++ b/miniprogram/pages/index/index.wxml
@@ -1,7 +1,13 @@
 <!--index.wxml-->
 <view class="container">
   <!-- 背景图片 -->
-  <image class="bg-image" src="/images/background.png" mode="aspectFill"></image>
+  <image class="bg-image" src="/images/capsule_bg.png" mode="aspectFill"></image>
+  
+  <!-- 扭蛋机图片 -->
+  <image wx:if="{{hasPaid}}" class="capsule-machine" src="/images/capsule_machine.png" mode="aspectFit" animation="{{animationData}}"></image>
+  
+  <!-- 扭蛋玩具 -->
+  <image wx:if="{{showCapsule}}" class="capsule-toy" src="/images/capsule_toy.png" mode="aspectFit" animation="{{capsuleAnimation}}"></image>
   
   <view class="content-wrapper">
     <view class="title">欢迎使用扭蛋游戏</view>
@@ -9,16 +15,32 @@
     <!-- 未付款状态显示付款按钮 -->
     <block wx:if="{{!hasPaid}}">
       <view class="subtitle">请先支付1元开启游戏</view>
-      <button class="btn pay-btn" bindtap="requestPayment">支付1元</button>
+      <button class="btn pay-btn" bindtap="requestPayment" animation="{{buttonAnimation}}">
+        <text class="btn-text">支付1元</text>
+        <text class="btn-icon">💰</text>
+      </button>
     </block>
     
     <!-- 已付款状态显示扭蛋游戏按钮 -->
     <block wx:else>
       <view class="subtitle">付款成功！可以开始游戏了</view>
-      <button class="btn game-btn" bindtap="navigateToWebsite">开始扭蛋游戏</button>
+      <button class="btn game-btn" bindtap="navigateToWebsite" animation="{{buttonAnimation}}">
+        <text class="btn-text">开始扭蛋游戏</text>
+        <text class="btn-icon">🎮</text>
+      </button>
     </block>
   </view>
 
   <!-- 清除付款记录按钮 -->
-  <button wx:if="{{hasPaid}}" class="clear-btn" bindtap="clearPayment">清除记录</button>
+  <button wx:if="{{hasPaid}}" class="clear-btn" bindtap="clearPayment">
+    <image class="clear-icon" src="/images/clear-icon.png" mode="aspectFit"></image>
+    <text>清除记录</text>
+  </button>
+  
+  <!-- 装饰元素 -->
+  <view wx:if="{{hasPaid}}" class="decoration-dots">
+    <view class="dot dot1"></view>
+    <view class="dot dot2"></view>
+    <view class="dot dot3"></view>
+  </view>
 </view>
\ No newline at end of file