feat:选择文字弹窗

2025-06-26 17:12:35 +08:00
parent 0992d9f2d1
commit aa9d74c2d1
12 changed files with 314 additions and 5 deletions
@@ -0,0 +1,43 @@
+<van-popup
+    show="{{ show }}"
+    bind:close="onClose"
+    round
+    position="bottom"
+    custom-style="height: 60%"
+    custom-class="word-picker">
+    <view class="word-picker-title">请选择文字</view>
+    <van-tabs
+        animated
+        color="#ff1a34"
+        nav-class="nav-class"
+        wrap-class="wrap-class"
+        swipeable
+        active="{{currentTab}}"
+        bind:change="onTabChange">
+        <van-tab
+            wx:for="{{wordList}}"
+            wx:for-index="wordIndex"
+            wx:key="wordIndex"
+            title="{{wordList[wordIndex].categoryName}}">
+            <view class="word-list">
+                <view
+                    class="word-item"
+                    wx:for="{{wordList[wordIndex].words}}"
+                    wx:key="index"
+                    bind:tap="onWordClick">
+                    <text class="word-item-text">{{item}}</text>
+                    <!-- <text class="word-item-icon icon-success"></text> -->
+                </view>
+            </view>
+        </van-tab>
+    </van-tabs>
+    <view class="selected-words">
+        <text class="selected-words-title">已选文字：</text>
+        <text
+            class="selected-word-text"
+            wx:for="{{selectedWords}}"
+            wx:key="index"
+            >{{item}}</text
+        >
+    </view>
+</van-popup>