feat:添加按数字涂颜色

2025-12-02 11:34:08 +08:00
parent 698109e6f5
commit 425eccea21
52 changed files with 1446 additions and 65 deletions
@@ -0,0 +1,101 @@
+<view class="page-container">
+    <view class="wrapper">
+        <text class="wrapper-title">预览打印效果</text>
+
+        <!-- 预览打印效果 -->
+        <view id="canvasWrapper" class="canvas-wrapper">
+            <canvas
+                type="2d"
+                id="canvasContent"
+                class="canvas-content"
+                style="width:{{boxWidth}}px;height:{{boxHeight}}px" />
+        </view>
+
+        <!-- 数字选择区域 -->
+        <view class="number-selection-area">
+            <!-- 第一行：1-4 -->
+            <view class="number-row">
+                <view
+                    wx:for="{{numberList}}"
+                    wx:key="index"
+                    wx:for-item="number"
+                    wx:if="{{index < 4}}"
+                    class="number-item {{selectedNumber === number ? 'active' : ''}}"
+                    data-number="{{number}}"
+                    bind:tap="onSelectNumber">
+                    <view class="number-text">{{number}}</view>
+                </view>
+            </view>
+
+            <!-- 第二行：5-8 -->
+            <view class="number-row">
+                <view
+                    wx:for="{{numberList}}"
+                    wx:key="index"
+                    wx:for-item="number"
+                    wx:if="{{index >= 4 && index < 8}}"
+                    class="number-item {{selectedNumber === number ? 'active' : ''}}"
+                    data-number="{{number}}"
+                    bind:tap="onSelectNumber">
+                    <view class="number-text">{{number}}</view>
+                </view>
+            </view>
+
+            <!-- 第三行：9、10和随机按钮 -->
+            <view class="number-row">
+                <view class="number-column">
+                    <view
+                        wx:for="{{numberList}}"
+                        wx:key="index"
+                        wx:for-item="number"
+                        wx:if="{{index >= 8}}"
+                        class="number-item {{selectedNumber === number ? 'active' : ''}}"
+                        data-number="{{number}}"
+                        bind:tap="onSelectNumber">
+                        <view class="number-text">{{number}}</view>
+                    </view>
+                </view>
+                <view class="number-column">
+                    <toy-button
+                        style="width: 100%"
+                        type="primary"
+                        bind:click="onRandom"
+                        width="100%"
+                        icon="refresh"
+                        icon-class-prefix="toy-icon">
+                        随机
+                    </toy-button>
+                </view>
+            </view>
+        </view>
+    </view>
+    <view class="empty"></view>
+</view>
+<view class="bottom-btn-box">
+    <toy-button
+        openType="share"
+        type="green"
+        flat="{{true}}"
+        bind:click="onShareAppMessage"
+        width="220rpx"
+        height="80rpx"
+        icon="wechat"
+        icon-class-prefix="toy-icon">
+        分享
+    </toy-button>
+    <toy-button
+        type="primary"
+        flat="{{true}}"
+        bind:click="exportToPrint"
+        width="420rpx"
+        height="80rpx"
+        disabled="{{selectedNumber <= 0}}"
+        icon="download"
+        icon-class-prefix="toy-icon">
+        下载打印
+    </toy-button>
+</view>
+<share-guide-popup
+    show="{{showShareDialog}}"
+    bind:onClose="onCloseShareDialog"
+    bind:onShareSuccess="onShareSuccess" />