- 添加 pagination-plugin 组件,包含完整的分页功能和页面跳转选择 - 添加 select-plugin 组件,支持单选和多选模式的选择弹窗 - 添加 tab-bar-plugin 组件,提供底部导航栏功能 - 在 page-plugin 中集成 t-loading 组件替换原有的加载逻辑 - 移除页面中的登录状态监听逻辑和相关订阅功能 - 修改页面样式传递方式,将 style 属性改为 customStyle - 更新组件依赖配置文件,添加新的组件引用
43 lines
1.0 KiB
Plaintext
43 lines
1.0 KiB
Plaintext
<view class="box">
|
|
<view>共{{total}}条</view>
|
|
<t-button
|
|
size="small"
|
|
disabled="{{curr_page == 1}}"
|
|
bindtap="pageChange"
|
|
data-page="prev"
|
|
icon="chevron-left"
|
|
style="padding-left: 8px;padding-right: 8px"
|
|
/>
|
|
<block wx:for="{{pages}}" wx:key="index">
|
|
<t-button
|
|
size="small"
|
|
theme="{{curr_page == item ? 'primary': ''}}"
|
|
variant="{{curr_page == item ? 'outline': ''}}"
|
|
bindtap="pageChange"
|
|
data-page="{{item}}"
|
|
>{{item}}
|
|
</t-button>
|
|
</block>
|
|
<t-button
|
|
size="small"
|
|
disabled="{{curr_page == totalPage}}"
|
|
bindtap="pageChange"
|
|
data-page="next"
|
|
icon="chevron-right"
|
|
style="padding-left: 8px;padding-right: 8px"
|
|
/>
|
|
<t-button size="small" bindtap="pageSelect" style="padding-left: 8px;padding-right: 8px">跳转
|
|
</t-button>
|
|
<t-picker
|
|
title="选择页码"
|
|
visible="{{open}}"
|
|
value="{{[curr_page]}}"
|
|
cancelBtn="取消"
|
|
confirmBtn="确认"
|
|
bind:confirm="onConfirm"
|
|
>
|
|
<t-picker-item options="{{pickerPages}}" />
|
|
</t-picker>
|
|
</view>
|
|
|