feat: 添加控笔页

2026-05-28 16:46:30 +08:00
parent 824e83c887
commit 2f0c4ab591
21 changed files with 1406 additions and 169 deletions
@@ -0,0 +1,77 @@
+<nav-bar title="控笔组合练习" />
+
+<view class="pc-page">
+    <view class="pc-main">
+        <preview-card
+            id="previewCard"
+            showRefresh="{{true}}"
+            showFavorite="{{true}}"
+            favorited="{{isPreviewFavorite}}"
+            bind:canvas-ready="onCanvasReady"
+            bind:refresh="onPreviewRefresh"
+            bind:favorite="onPreviewFavorite" />
+
+        <view class="pc-section">
+            <view class="pc-section-header">
+                <text class="pc-section-title"
+                    >选择图形 ({{selectedPatternIds.length}}/5)</text
+                >
+            </view>
+            <view class="pc-pattern-grid">
+                <view
+                    wx:for="{{patternList}}"
+                    wx:key="id"
+                    class="pc-pattern-card {{selectedMap[item.id] ? 'pc-pattern-card--active' : ''}}"
+                    data-id="{{item.id}}"
+                    hover-class="pc-pattern-card--pressed"
+                    hover-start-time="0"
+                    hover-stay-time="70"
+                    bindtap="onTogglePattern">
+                    <view
+                        wx:if="{{selectedMap[item.id]}}"
+                        class="pc-pattern-card__check">
+                        <toy-icon name="check" size="20rpx" color="#fff" />
+                    </view>
+                    <text class="pc-pattern-card__name">{{item.name}}</text>
+                    <text class="pc-pattern-card__cat"
+                        >{{item.categoryLabel}}</text
+                    >
+                </view>
+            </view>
+        </view>
+
+        <view
+            class="pc-shuffle-btn"
+            hover-class="pc-shuffle-btn--hover"
+            hover-start-time="0"
+            hover-stay-time="70"
+            bindtap="onShufflePatterns">
+            <toy-icon
+                name="refresh"
+                size="40rpx"
+                color="#605b50"
+                custom-class="pc-shuffle-btn__icon" />
+            <text class="pc-shuffle-btn__text">换一批图形</text>
+        </view>
+    </view>
+</view>
+
+<preview-footer-actions
+    disabled="{{!hasContent}}"
+    bind:primary="exportToPrint"
+    bind:secondary="onShare" />
+
+<debug-publish-tools
+    wx:if="{{isDevEnv && hasContent}}"
+    id="debugPublishTools"
+    visible="{{debugPublishVisible}}"
+    loading="{{debugPublishLoading}}"
+    meta="{{debugPublishMeta}}"
+    bind:open="onOpenDebugPublish"
+    bind:close="onCloseDebugPublish"
+    bind:confirm="onConfirmDebugPublish" />
+
+<share-guide-popup
+    show="{{showShareDialog}}"
+    bind:onClose="onCloseShareDialog"
+    bind:onShareSuccess="onShareSuccess" />