feat:数字首页

miniprogram/pages/mathIndex/mathIndex.wxml

@@ -0,0 +1,42 @@
+<view class="page-container">
+    <!-- 页面标题和描述 -->
+    <view class="math-page-header">
+        <view class="math-page-title">数学学习涂鸦卡</view>
+        <view class="math-page-subtitle"
+            >选择功能，生成可打印的数学学习涂鸦卡</view
+        >
+    </view>
+
+    <!-- 功能列表 -->
+    <view class="math-functions-list">
+        <view
+            class="math-function-item"
+            wx:for="{{functionList}}"
+            wx:key="id"
+            data-function="{{item.id}}"
+            bind:tap="openMathFunction">
+            <view class="function-item-image">
+                <view class="function-image-placeholder">{{item.icon}}</view>
+            </view>
+            <view class="function-item-content">
+                <view class="function-item-title">{{item.title}}</view>
+                <view class="function-item-desc">{{item.desc}}</view>
+            </view>
+            <view class="function-item-arrow">→</view>
+        </view>
+    </view>
+
+    <!-- 使用提示 -->
+    <view class="usage-hint">
+        <view class="hint-icon">💡</view>
+        <view class="hint-text">
+            <view class="hint-title">使用提示</view>
+            <view class="hint-desc">
+                1. 点击上方功能卡片选择要生成的涂鸦卡类型\n 2.
+                选择数字范围、图形类型等参数\n 3. 预览生成的涂鸦卡效果\n 4.
+                下载A4格式PNG图片，打印后使用
+            </view>
+        </view>
+    </view>
+    <view class="empty"></view>
+</view>