第一次提交:小程序前端最新版本
This commit is contained in:
111
pages/dashoudingdan/dashoudingdan.wxml
Normal file
111
pages/dashoudingdan/dashoudingdan.wxml
Normal file
@@ -0,0 +1,111 @@
|
||||
<!-- pages/dashouDingdan/dashouDingdan.wxml -->
|
||||
<view class="ds-dingdan-page">
|
||||
|
||||
<!-- 打手订单状态tab区域 -->
|
||||
<scroll-view
|
||||
class="ds-dingdan-tabs-scroll"
|
||||
scroll-x="true"
|
||||
scroll-with-animation="true"
|
||||
>
|
||||
<view class="ds-dingdan-tabs-container">
|
||||
<block wx:for="{{dsDingdanZhuangtaiTabs}}" wx:key="key">
|
||||
<view
|
||||
class="ds-dingdan-tab-item {{index === xuanzhongTabIndex ? 'ds-tab-active' : ''}}"
|
||||
bindtap="switchDsDingdanTab"
|
||||
data-index="{{index}}"
|
||||
>
|
||||
<text class="ds-tab-text">{{item.name}}</text>
|
||||
<view class="ds-tab-active-line" wx:if="{{index === xuanzhongTabIndex}}"></view>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
</scroll-view>
|
||||
|
||||
<!-- 打手订单列表区域 -->
|
||||
<view class="ds-dingdan-list-container">
|
||||
|
||||
<!-- 页面加载中 -->
|
||||
<view class="ds-loading-container" wx:if="{{isLoading}}">
|
||||
<view class="ds-loading-spinner"></view>
|
||||
<text class="ds-loading-text">加载中...</text>
|
||||
</view>
|
||||
|
||||
<!-- 空状态 -->
|
||||
<view
|
||||
class="ds-empty-container"
|
||||
wx:if="{{!isLoading && dsDingdanShuju[currentTabKey].list.length === 0}}"
|
||||
>
|
||||
<image
|
||||
class="ds-empty-image"
|
||||
src="/images/empty-order.png"
|
||||
mode="aspectFit"
|
||||
></image>
|
||||
<text class="ds-empty-text">暂无订单</text>
|
||||
<text class="ds-empty-subtext">快去接单吧</text>
|
||||
</view>
|
||||
|
||||
<!-- 打手订单列表 -->
|
||||
<block wx:if="{{!isLoading && dsDingdanShuju[currentTabKey].list.length > 0}}">
|
||||
<block wx:for="{{dsDingdanShuju[currentTabKey].list}}" wx:key="dingdan_id">
|
||||
<view
|
||||
class="ds-dingdan-card"
|
||||
bindtap="goToDsDingdanXiangqing"
|
||||
data-item="{{item}}"
|
||||
>
|
||||
<!-- 商品图片(统一图片) -->
|
||||
<view class="ds-dingdan-card-left">
|
||||
<image
|
||||
class="ds-dingdan-image"
|
||||
src="{{item.tupian}}"
|
||||
mode="aspectFill"
|
||||
binderror="onImageError"
|
||||
></image>
|
||||
</view>
|
||||
|
||||
<!-- 订单信息(订单介绍显示三行) -->
|
||||
<view class="ds-dingdan-card-center">
|
||||
<view class="ds-dingdan-jieshao ds-jieshao-three-line">
|
||||
{{item.jieshao || '暂无订单描述'}}
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 订单状态和价格 -->
|
||||
<view class="ds-dingdan-card-right">
|
||||
<!-- 订单状态 -->
|
||||
<view class="ds-dingdan-zhuangtai">
|
||||
{{item.zhuangtaiZh || '未知状态'}}
|
||||
</view>
|
||||
|
||||
<!-- 订单价格 -->
|
||||
<view class="ds-dingdan-jine">
|
||||
<text class="ds-jine-symbol">¥</text>
|
||||
<text class="ds-jine-number">{{item.jine || '0.00'}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
</block>
|
||||
|
||||
<!-- 加载更多提示 -->
|
||||
<view
|
||||
class="ds-load-more-container"
|
||||
wx:if="{{xianshiJiazaigengduo && !isLoading && dsDingdanShuju[currentTabKey].list.length > 0}}"
|
||||
>
|
||||
<view class="ds-load-more-line"></view>
|
||||
<text class="ds-load-more-text">上拉加载更多</text>
|
||||
<view class="ds-load-more-line"></view>
|
||||
</view>
|
||||
|
||||
<!-- 没有更多提示 -->
|
||||
<view
|
||||
class="ds-no-more-container"
|
||||
wx:if="{{!xianshiJiazaigengduo && !isLoading && dsDingdanShuju[currentTabKey].list.length > 0}}"
|
||||
>
|
||||
<text class="ds-no-more-text">没有更多订单了</text>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<custom-tab-bar />
|
||||
|
||||
</view>
|
||||
<global-notification id="global-notification" />
|
||||
Reference in New Issue
Block a user