feat: 拼音字母选择

2026-05-19 18:24:43 +08:00
parent 39b8e01c23
commit b70e54d6b0
40 changed files with 1197 additions and 759 deletions
@@ -0,0 +1,57 @@
+<nav-bar title="拼音字母默写" />
+
+<view class="pd-page">
+    <view class="pd-main">
+        <preview-card
+            id="previewCard"
+            showRefresh="{{false}}"
+            showFavorite="{{true}}"
+            favorited="{{isPreviewFavorite}}"
+            bind:canvas-ready="onCanvasReady"
+            bind:favorite="onPreviewFavorite" />
+
+        <!-- 练习类型切换（描红 / 默写） -->
+        <view class="pd-section">
+            <text class="pd-section-title">练习类型</text>
+            <view class="pd-mode-grid">
+                <view
+                    wx:for="{{modeOptions}}"
+                    wx:key="id"
+                    class="pd-mode-card {{worksheetId === item.id ? 'pd-mode-card--active' : ''}}"
+                    data-id="{{item.id}}"
+                    hover-class="pd-mode-card--pressed"
+                    hover-start-time="0"
+                    hover-stay-time="70"
+                    bindtap="onSelectMode">
+                    <toy-icon
+                        name="{{item.icon}}"
+                        size="42rpx"
+                        color="{{worksheetId === item.id ? '#453900' : '#605b50'}}"
+                        custom-class="pd-mode-card__icon" />
+                    <text class="pd-mode-card__label">{{item.title}}</text>
+                    <text class="pd-mode-card__desc">{{item.subtitle}}</text>
+                </view>
+            </view>
+        </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" />