Files
doodle-mini/miniprogram/components/word-picker/word-picker.wxml
T
2025-06-26 17:12:35 +08:00

44 lines
1.3 KiB
Plaintext

<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>