feat: 数感启蒙、专注力页面重构、首页入口开发

2026-04-21 17:51:16 +08:00
parent b2f5b203f8
commit 28151018ee
212 changed files with 2722 additions and 5207 deletions
@@ -0,0 +1,104 @@
+<nav-bar title="{{pageTitle}}" />
+
+<view class="md-page">
+    <view class="md-main">
+        <!-- 打印预览卡 -->
+        <view class="md-preview-wrap">
+            <view class="md-preview-card">
+                <text class="md-preview-kicker">打印预览</text>
+                <view id="canvasWrapper" class="md-canvas-wrap">
+                    <canvas
+                        type="2d"
+                        id="canvasContent"
+                        class="md-canvas"
+                        style="width:{{boxWidth}}px;height:{{boxHeight}}px" />
+                </view>
+            </view>
+        </view>
+
+        <!-- 练习类型选择（2列卡片网格） -->
+        <view class="md-section">
+            <text class="md-section-title">练习类型</text>
+            <view class="md-type-grid">
+                <view
+                    wx:for="{{typeList}}"
+                    wx:key="id"
+                    class="md-type-card {{selectedTypeId === item.id ? 'md-type-card--active' : ''}}"
+                    data-id="{{item.id}}"
+                    hover-class="md-type-card--pressed"
+                    hover-start-time="0"
+                    hover-stay-time="70"
+                    bindtap="onSelectType">
+                    <text class="md-type-card__icon">{{item.icon}}</text>
+                    <text class="md-type-card__label">{{item.title}}</text>
+                </view>
+            </view>
+        </view>
+
+        <!-- 子选项（当前类型有模式切换时显示） -->
+        <view wx:if="{{showActions}}" class="md-section">
+            <text class="md-section-title">{{actionsTitle}}</text>
+            <view class="md-chip-row {{currentActions.length > 3 ? 'md-chip-row--wrap' : ''}}">
+                <view
+                    wx:for="{{currentActions}}"
+                    wx:key="value"
+                    class="md-chip {{currentMode === item.value ? 'md-chip--active' : ''}}"
+                    data-value="{{item.value}}"
+                    hover-class="md-chip--pressed"
+                    hover-start-time="0"
+                    hover-stay-time="70"
+                    bindtap="onSelectMode">
+                    {{item.label}}
+                </view>
+            </view>
+        </view>
+
+        <!-- 数字选择网格（numberFind 专用） -->
+        <view wx:if="{{showNumberGrid}}" class="md-section">
+            <text class="md-section-title">选择数字</text>
+            <view class="md-number-grid">
+                <view
+                    wx:for="{{numberList}}"
+                    wx:key="*this"
+                    class="md-number-cell {{selectedNumber === item ? 'md-number-cell--active' : ''}}"
+                    data-number="{{item}}"
+                    hover-class="md-number-cell--pressed"
+                    hover-start-time="0"
+                    hover-stay-time="70"
+                    bindtap="onSelectNumber">
+                    <text class="md-number-text">{{item}}</text>
+                </view>
+            </view>
+        </view>
+
+        <!-- 随机生成按钮 -->
+        <view
+            class="md-shuffle-btn"
+            hover-class="md-shuffle-btn--hover"
+            hover-start-time="0"
+            hover-stay-time="70"
+            bindtap="onRandom">
+            <toy-icon
+                name="refresh"
+                size="40rpx"
+                color="#605b50"
+                custom-class="md-shuffle-btn__icon" />
+            <text class="md-shuffle-btn__text">随机生成</text>
+        </view>
+
+        <!-- 广告位 -->
+        <draw-ad type="mathDraw"></draw-ad>
+    </view>
+</view>
+
+<!-- 底部操作栏 -->
+<preview-footer-actions
+    disabled="{{!hasContent}}"
+    bind:primary="exportToPrint"
+    bind:secondary="onShare" />
+
+<!-- 分享引导弹窗 -->
+<share-guide-popup
+    show="{{showShareDialog}}"
+    bind:onClose="onCloseShareDialog"
+    bind:onShareSuccess="onShareSuccess" />