69 lines
2.2 KiB
Plaintext
69 lines
2.2 KiB
Plaintext
<wxs module="wxs" src="./word-picker.wxs"></wxs>
|
|
|
|
<van-popup
|
|
show="{{ show }}"
|
|
bind:close="onClose"
|
|
round
|
|
close-on-click-overlay="{{false}}"
|
|
safe-area-inset-bottom="{{true}}"
|
|
position="bottom"
|
|
custom-style="height: 70%"
|
|
custom-class="word-picker">
|
|
<view class="word-picker-title">请选择文字</view>
|
|
<van-tabs
|
|
id="tabs"
|
|
animated
|
|
color="#93d333"
|
|
ellipsis="{{false}}"
|
|
line-width="90rpx"
|
|
nav-class="nav-class"
|
|
tab-class="tab-class"
|
|
wrap-class="wrap-class"
|
|
tab-active-class="tab-active-class"
|
|
swipeable="{{true}}"
|
|
active="{{currentTab}}"
|
|
bind:change="onTabChange">
|
|
<van-tab
|
|
wx:for="{{wordList}}"
|
|
wx:for-index="categoryIndex"
|
|
wx:key="categoryIndex"
|
|
title="{{wordList[categoryIndex].categoryName}}">
|
|
<view class="word-list-wrapper">
|
|
<view class="word-list">
|
|
<view
|
|
class="word-item {{wxs.isSelected(selectedWords, item) ? 'selected' : ''}}"
|
|
wx:for="{{wordList[categoryIndex].words}}"
|
|
wx:key="index"
|
|
data-word="{{item}}"
|
|
bind:tap="onWordClick">
|
|
<text class="word-item-text">{{item}}</text>
|
|
<!-- <text class="word-item-icon icon-success"></text> -->
|
|
</view>
|
|
</view>
|
|
<view class="word-item-empty"></view>
|
|
</view>
|
|
</van-tab>
|
|
</van-tabs>
|
|
<view class="selected-words">
|
|
已选文字：
|
|
<text
|
|
class="selected-word-text"
|
|
wx:for="{{selectedWords}}"
|
|
wx:key="index"
|
|
>{{item}}{{index !== selectedWords.length - 1 ? '、' : ''}}</text
|
|
>
|
|
</view>
|
|
<view class="btn-area">
|
|
<toy-button
|
|
type="primary"
|
|
bind:click="onChange"
|
|
width="420rpx"
|
|
disabled="{{selectedWords.length <= 0}}">
|
|
（已选{{selectedWords.length}}个） 确定
|
|
</toy-button>
|
|
<toy-button type="white" bind:click="onClose" width="220rpx">
|
|
取消
|
|
</toy-button>
|
|
</view>
|
|
</van-popup>
|