feat:绘制图形

2025-09-12 16:56:00 +08:00
parent 3b4b2dcd64
commit 6acc5d676c
27 changed files with 76464 additions and 112 deletions
@@ -1,12 +1,81 @@
 <!--index.wxml-->
-<scroll-view class="scroll-view" scroll-y type="list">
-    <view 
-        class="card" 
-        wx:for="{{cards}}"
-        wx:for-item="card"
-        wx:key="*this"
-        bindtap="tapCard" 
-        data-url="{{card.url}}">
-        <view class="card-title">{{card.title}}</view>
+<view class="container">
+    <!-- 输入区域 -->
+    <view class="input-section">
+        <view class="input-row">
+            <input
+                class="word-input"
+                placeholder="请输入汉字"
+                value="{{inputWord}}"
+                bindinput="onInputChange"
+                maxlength="10" />
+            <button class="generate-btn" bindtap="onGenerateClick">生成</button>
+        </view>
    </view>
-</scroll-view>
+
+    <!-- 已选择的汉字列表 -->
+    <view class="selected-section" wx:if="{{wordList.length > 0}}">
+        <view class="section-header">
+            <text class="section-title"
+                >已选择的汉字 ({{wordList.length}})</text
+            >
+            <button class="clear-btn" bindtap="onClearAll" size="mini">
+                清空
+            </button>
+        </view>
+        <view class="word-list">
+            <view
+                class="word-item selected"
+                wx:for="{{wordList}}"
+                wx:key="*this"
+                wx:for-item="word"
+                wx:for-index="index">
+                <text class="word-text">{{word}}</text>
+                <text
+                    class="remove-btn"
+                    bindtap="onRemoveWord"
+                    data-index="{{index}}"
+                    >×</text
+                >
+            </view>
+        </view>
+    </view>
+
+    <!-- 可选汉字区域 -->
+    <view class="available-section">
+        <view class="section-header">
+            <text class="section-title"
+                >可选汉字 ({{availableWords.length}})</text
+            >
+        </view>
+        <view class="word-grid">
+            <view
+                class="word-item available {{wordList.includes(word) ? 'disabled' : ''}}"
+                wx:for="{{availableWords}}"
+                wx:key="*this"
+                wx:for-item="word"
+                bindtap="onWordSelect"
+                data-word="{{word}}">
+                <text class="word-text">{{word}}</text>
+            </view>
+        </view>
+    </view>
+
+    <!-- 原有的卡片区域 -->
+    <view class="cards-section">
+        <view class="section-header">
+            <text class="section-title">功能模块</text>
+        </view>
+        <scroll-view class="scroll-view" scroll-y type="list">
+            <view
+                class="card"
+                wx:for="{{cards}}"
+                wx:for-item="card"
+                wx:key="*this"
+                bindtap="tapCard"
+                data-url="{{card.url}}">
+                <view class="card-title">{{card.title}}</view>
+            </view>
+        </scroll-view>
+    </view>
+</view>