emoticon_xcx/pages/emoticon/result/index.wxml
2023-11-14 16:56:26 +08:00

35 lines
1.4 KiB
Plaintext

<view class="result-container">
<t-search
t-class="t-search"
t-class-input-container="t-class__input-container"
t-class-left="t-search__left-icon"
t-class-input="t-search__input"
value="{{keywords}}"
leftIcon=""
placeholder="搜索你想要的表情 / 获取码"
bind:submit="handleSubmit"
>
<t-icon slot="left-icon" prefix="wr" name="search" size="40rpx" color="#bbb" />
</t-search>
<!-- 分类 -->
<view class="home-page-tabs">
<t-tabs t-class="t-tabs" t-class-active="tabs-external__active" t-class-item="tabs-external__item" defaultValue="{{0}}" space-evenly="{{false}}" bind:change="tabChangeHandle">
<t-tab-panel wx:for="{{tabList}}" wx:for-index="index" wx:key="index" label="{{item.text}}" value="{{item.key}}" />
</t-tabs>
</view>
<view class="empty-wrap" wx:if="{{emoticonDataList.length === 0 && hasLoaded}}">
<t-empty t-class="empty-tips" size="240rpx" description="暂无相关表情包" />
</view>
<!-- 列表 -->
<view class="last-updated-list">
<view class="last-updated-list-item" wx:for="{{emoticonDataList}}" wx:for-item="item" wx:for-index="index" wx:key="index">
<image class="image-box" src="{{item.emoticonDataImg}}" mode="aspectFill" />
</view>
</view>
<load-more wx:if="{{emoticonDataList.length > 0}}" status="{{loadMoreStatus}}" no-more-text="没有更多了" />
</view>
<t-toast id="t-toast" />