加入效果

miniprogram/pages/index/index.wxml

@@ -0,0 +1,24 @@
+<!--index.wxml-->
+<view class="container">
+  <!-- 背景图片 -->
+  <image class="bg-image" src="/images/background.png" mode="aspectFill"></image>
+  
+  <view class="content-wrapper">
+    <view class="title">欢迎使用扭蛋游戏</view>
+    
+    <!-- 未付款状态显示付款按钮 -->
+    <block wx:if="{{!hasPaid}}">
+      <view class="subtitle">请先支付1元开启游戏</view>
+      <button class="btn pay-btn" bindtap="requestPayment">支付1元</button>
+    </block>
+    
+    <!-- 已付款状态显示扭蛋游戏按钮 -->
+    <block wx:else>
+      <view class="subtitle">付款成功！可以开始游戏了</view>
+      <button class="btn game-btn" bindtap="navigateToWebsite">开始扭蛋游戏</button>
+    </block>
+  </view>
+
+  <!-- 清除付款记录按钮 -->
+  <button wx:if="{{hasPaid}}" class="clear-btn" bindtap="clearPayment">清除记录</button>
+</view>