272 lines
9.1 KiB
XML
272 lines
9.1 KiB
XML
<view class="tar">
|
|
<ant-tabs
|
|
type="primary"
|
|
items="{{ items }}"
|
|
current="{{ current }}"
|
|
onChange="onChange"/>
|
|
|
|
<swiper
|
|
current="{{ current }}"
|
|
autoplay="{{ false }}"
|
|
vertical="{{ false }}"
|
|
circular="{{ false }}"
|
|
onChange="onSwipeChange">
|
|
<block
|
|
a:for="{{ items }}"
|
|
a:for-index="index"
|
|
a:for-item="item"
|
|
a:key="{{ index }}">
|
|
<!-- 全部-->
|
|
<swiper-item>
|
|
<view class="containercontent">
|
|
<container a:for="{{ dingdan }}"
|
|
title={{item.number}}>
|
|
<view >
|
|
<view class="container">
|
|
<image class="left" mode="scaleToFill" src="{{item.image}}" />
|
|
<view class="content">
|
|
<view class="title1">
|
|
{{item.name}}
|
|
</view>
|
|
<view class="title2">
|
|
{{item.interpretation}}
|
|
</view>
|
|
<view class="title2">
|
|
|
|
下单时间：{{item.dingdannumber}}
|
|
</view>
|
|
<view class="title2">
|
|
<!-- <ant-icon type="LocationFill" />
|
|
{{item.address}} -->
|
|
<view class="title2right">
|
|
￥{{item.price}}
|
|
<view style="margin-left:10px;font-size:12px;color:gray" >
|
|
共1件
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view slot="headerRight" style="color:#f48315">
|
|
{{item.state}}
|
|
</view>
|
|
</container>
|
|
</view>
|
|
</swiper-item>
|
|
<!-- 待支付 -->
|
|
<swiper-item>
|
|
<view class="containercontent">
|
|
<container a:for="{{ dingdan }}"
|
|
title={{item.number}}>
|
|
<view >
|
|
<view class="container">
|
|
<image class="left" mode="scaleToFill" src="{{item.image}}" />
|
|
<view class="content">
|
|
<view class="title1">
|
|
{{item.name}}
|
|
</view>
|
|
<view class="title2">
|
|
{{item.interpretation}}
|
|
</view>
|
|
<view class="title2">
|
|
|
|
下单时间：{{item.dingdannumber}}
|
|
</view>
|
|
<view class="title2">
|
|
<!-- <ant-icon type="LocationFill" />
|
|
{{item.address}} -->
|
|
<view class="title2right">
|
|
￥{{item.price}}
|
|
<view style="margin-left:10px;font-size:12px;color:gray" >
|
|
共1件
|
|
</view>
|
|
</view>
|
|
<view class="box">
|
|
<view class="tab1">
|
|
<text>取消</text>
|
|
</view>
|
|
<view class="tab2">
|
|
<text>支付</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view slot="headerRight" style="color:#f48315">
|
|
{{item.state}}
|
|
</view>
|
|
</container>
|
|
</view>
|
|
|
|
</swiper-item>
|
|
<!-- 待使用 -->
|
|
<swiper-item>
|
|
<view class="containercontent">
|
|
<container a:for="{{ dingdan }}"
|
|
title={{item.number}}>
|
|
<view >
|
|
<view class="container">
|
|
<image class="left" mode="scaleToFill" src="{{item.image}}" />
|
|
<view class="content">
|
|
<view class="title1">
|
|
{{item.name}}
|
|
</view>
|
|
<view class="title2">
|
|
{{item.interpretation}}
|
|
</view>
|
|
<view class="title2">
|
|
|
|
下单时间：{{item.dingdannumber}}
|
|
</view>
|
|
<view class="title2">
|
|
<!-- <ant-icon type="LocationFill" />
|
|
{{item.address}} -->
|
|
<view class="title2right">
|
|
￥{{item.price}}
|
|
<view style="margin-left:10px;font-size:12px;color:gray" >
|
|
共1件
|
|
</view>
|
|
</view>
|
|
<view class="box">
|
|
<view class="tab1">
|
|
<text>退款</text>
|
|
</view>
|
|
<view class="tab2">
|
|
<text>完成</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view slot="headerRight" style="color:#f48315">
|
|
{{item.state}}
|
|
</view>
|
|
</container>
|
|
</view>
|
|
</swiper-item>
|
|
<!-- 已完成 -->
|
|
<swiper-item>
|
|
<view class="containercontent">
|
|
<container a:for="{{ dingdan }}"
|
|
title={{item.number}}>
|
|
<view >
|
|
<view class="container">
|
|
<image class="left" mode="scaleToFill" src="{{item.image}}" />
|
|
<view class="content">
|
|
<view class="title1">
|
|
{{item.name}}
|
|
</view>
|
|
<view class="title2">
|
|
{{item.interpretation}}
|
|
</view>
|
|
<view class="title2">
|
|
|
|
下单时间：{{item.dingdannumber}}
|
|
</view>
|
|
<view class="title2">
|
|
<!-- <ant-icon type="LocationFill" />
|
|
{{item.address}} -->
|
|
<view class="title2right">
|
|
￥{{item.price}}
|
|
<view style="margin-left:10px;font-size:12px;color:gray" >
|
|
共1件
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view slot="headerRight" style="color:#f48315">
|
|
{{item.state}}
|
|
</view>
|
|
</container>
|
|
</view>
|
|
</swiper-item>
|
|
<!-- 已取消 -->
|
|
<swiper-item>
|
|
<view class="containercontent">
|
|
<container a:for="{{ dingdan }}"
|
|
title={{item.number}}>
|
|
<view >
|
|
<view class="container">
|
|
<image class="left" mode="scaleToFill" src="{{item.image}}" />
|
|
<view class="content">
|
|
<view class="title1">
|
|
{{item.name}}
|
|
</view>
|
|
<view class="title2">
|
|
{{item.interpretation}}
|
|
</view>
|
|
<view class="title2">
|
|
|
|
下单时间：{{item.dingdannumber}}
|
|
</view>
|
|
<view class="title2">
|
|
<!-- <ant-icon type="LocationFill" />
|
|
{{item.address}} -->
|
|
<view class="title2right">
|
|
￥{{item.price}}
|
|
<view style="margin-left:10px;font-size:12px;color:gray" >
|
|
共1件
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view slot="headerRight" style="color:#f48315">
|
|
{{item.state}}
|
|
</view>
|
|
</container>
|
|
</view>
|
|
</swiper-item>
|
|
<!-- 退款 -->
|
|
<swiper-item>
|
|
<view class="containercontent">
|
|
<container a:for="{{ dingdan }}"
|
|
title={{item.number}}>
|
|
<view >
|
|
<view class="container">
|
|
<image class="left" mode="scaleToFill" src="{{item.image}}" />
|
|
<view class="content">
|
|
<view class="title1">
|
|
{{item.name}}
|
|
</view>
|
|
<view class="title2">
|
|
{{item.interpretation}}
|
|
</view>
|
|
<view class="title2">
|
|
|
|
下单时间：{{item.dingdannumber}}
|
|
</view>
|
|
<view class="title2">
|
|
<!-- <ant-icon type="LocationFill" />
|
|
{{item.address}} -->
|
|
<view class="title2right">
|
|
￥{{item.price}}
|
|
<view style="margin-left:10px;font-size:12px;color:gray" >
|
|
共1件
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view slot="headerRight" style="color:#f48315">
|
|
{{item.state}}
|
|
</view>
|
|
</container>
|
|
</view>
|
|
</swiper-item>
|
|
</block>
|
|
</swiper>
|
|
|
|
</view>
|