feat: 开发练字页

2025-09-30 17:48:31 +08:00
parent 3c6218616c
commit 9df15e1ab4
8 changed files with 451 additions and 1 deletions
@@ -61,3 +61,28 @@
        </view>
    </view>
 </view>
+
+<!-- 预览：田字格 -->
+<view class="preview-section">
+    <text class="section-title">预览练字田字格</text>
+    <view wx:if="{{rowHeaderWords.length > 0}}" class="tianzige">
+        <view
+            class="tzg-row"
+            wx:for="{{rowsArray}}"
+            wx:for-index="rowIndex"
+            wx:key="rowIndex">
+            <view
+                class="tzg-cell"
+                wx:for="{{colsArray}}"
+                wx:for-index="colIndex"
+                wx:key="{{rowIndex}}-{{colIndex}}">
+                <text wx:if="{{colIndex === 0}}" class="tzg-word"
+                    >{{rowHeaderWords[rowIndex]}}</text
+                >
+                <view class="mid-line h"></view>
+                <view class="mid-line v"></view>
+            </view>
+        </view>
+    </view>
+    <view wx:else class="empty-tip">请选择或输入汉字后生成田字格</view>
+</view>