微信小程序分页功能实现

时间:2024-10-04 09:19:13
<!-- 有数据的话循环第一个就欧剋啦 --> <view wx:for="{{allworkflow}}" wx:key="{{item}}" style='margin-top:20rpx;'> <view class='outer_container' bindtap='dd_detail' data-id='{{}}'> <view class='one'>订单类型:{{item.type}} <view class='right'>></view> </view> <view class='two'> 订单日期:{{item.yvtime}} <view class='right_2'>订单状态: <text bindtap='dd_status' data-id='{{}}' wx:if="{{=='待审核' || =='审核通过'}}" style='color: rgb(79, 193, 229);'>{{item.sta}}</text> <text bindtap='dd_status' wx:else="{{=='审核失败'}}" style='color:rgb(255,0,0)'>{{item.sta}}</text> </view> </view> </view> </view> <view class="nav" > <!-- <text wx:if="{{(page1-step)>0}}" bindtap='pu' style='color: rgb(79, 193, 229);'> 上一页 </text> --> <text bindtap='pu' style='color: rgb(79, 193, 229);'> 上一页 </text> <text bindtap='dd_status' wx:if="{{page1<=allpage}}" data-id='{{page1}}' style='color: rgb(79, 193, 229);'>{{page1}}</text> <text bindtap='dd_status' wx:if="{{page2<=allpage}}" data-id='{{page2}}' style='color: rgb(79, 193, 229);'>{{page2}}</text> <text bindtap='dd_status' wx:if="{{page3<=allpage}}" data-id='{{page3}}' style='color: rgb(79, 193, 229);'>{{page3}}</text> <text bindtap='dd_status' wx:if="{{page4<=allpage}}" data-id='{{page4}}' style='color: rgb(79, 193, 229);'>{{page4}}</text> <!-- <text wx:if="{{page4<allpage}}" bindtap='pd' data-id='{{}}' style='color: rgb(79, 193, 229);'> 下一页 </text> --> <text bindtap='pd' data-id='{{}}' style='color: rgb(79, 193, 229);'> 下一页 </text> </view> <view style="text-align:center"> <text data-id='{{}}' style='color: rgb(79, 193, 229);'>{{allpage}}页 当前为第{{nowpage}}</text> </view>