Files
2025-04-30 14:04:34 +08:00

4173 lines
114 KiB
Vue
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<view class="page" :style="themeColor">
<view class="flex benben-position-layout flex flex-wrap align-center myOrder_flex_0"
:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx'}">
<view class='flex flex-wrap align-center justify-between flex-sub myOrder_fd0_0'>
<view class='flex flex-wrap align-stretch justify-center flex-sub'>
<text class='myOrder_fd0_0_c0_c0'>我的订单</text>
</view>
</view>
</view>
<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
<!---tabs标题flex布局开始-->
<view class="flex benben-flex-layout flex-wrap align-center">
<view>
<benben-flex-tabs class-name='myOrder_benbenTabsfd1_0' v-model="tabls" ref="benben_tabsfd1_0"
select-mark="benben_tabsfd1_0" key="benben_tabsfd1_0" :open-title-type='false' :open-sticky='true' :top='0'
:is-show-content='false' :scrollspy='false' :tabs-info.sync="tabsInfofd1_0">
<scroll-view @scroll="tabsInfofd1_0.scrollX = $event.detail.scrollLeft" id="benben_tabsfd1_0"
class="benben-tabs" style="width:750rpx" :scroll-x="true" :scroll-left.sync="tabsInfofd1_0.moveX"
scroll-with-animation="all .3s ease">
<view class="benben-tabs-content" id="benben_tabsfd1_0-content">
<view id="benben_tabsfd1_0-title" class="benben-tabs-title flex flex align-center justify-around">
<view
:class="{ 'checkTitlefd1_0': tabls == '0', 'flex flex-wrap align-center myOrder_titlefd1_0_c3': true }"
@tap="tabls = '0'" :id="`benben_tabsfd1_0-title-item-${'0'}`">
<text>全部</text>
</view>
<view
:class="{ 'checkTitlefd1_0': tabls == '1', 'flex flex-wrap align-center myOrder_titlefd1_0_c4': true }"
@tap="tabls = '1'" :id="`benben_tabsfd1_0-title-item-${'1'}`">
<text>待付款</text>
</view>
<view
:class="{ 'checkTitlefd1_0': tabls == '2', 'flex flex-wrap align-center myOrder_titlefd1_0_c5': true }"
@tap="tabls = '2'" :id="`benben_tabsfd1_0-title-item-${'2'}`">
<text>待接单</text>
</view>
<view
:class="{ 'checkTitlefd1_0': tabls == '3', 'flex flex-wrap align-center myOrder_titlefd1_0_c6': true }"
@tap="tabls = '3'" :id="`benben_tabsfd1_0-title-item-${'3'}`">
<text>进行中</text>
</view>
<view
:class="{ 'checkTitlefd1_0': tabls == '4', 'flex flex-wrap align-center myOrder_titlefd1_0_c7': true }"
@tap="tabls = '4'" :id="`benben_tabsfd1_0-title-item-${'4'}`">
<text>待评价</text>
</view>
</view>
<view :style="{ left: tabsInfofd1_0.lineleft, maxWidth: tabsInfofd1_0.lineWidth }"
id="benben_tabsfd1_0-line" class="benben-tabs-line flex benben-flex-tabs-line myOrder_linefd1_0"></view>
</view>
</scroll-view>
</benben-flex-tabs>
</view>
</view>
<!---tabs标题flex布局结束-->
<!---flex布局flex布局开始-->
<fu-loading v-if="isShowLoading"></fu-loading>
<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout myOrder_flex_2">
<view class='flex flex-direction flex-wrap align-stretch myOrder_fd2_0' @tap.stop="handleJumpDiy"
data-type="navigateTo" :data-url="`/pages/dd/orderDetails/orderDetails?id=1`" v-if="in_array(tabls,'0,1')">
<view class='flex flex-wrap align-center justify-between myOrder_fd2_0_c0'>
<view class='flex flex-wrap align-center' @tap.stop="handleJumpDiy" data-type="navigateTo"
:data-url="`/pages/dpxq/storeDetails/storeDetails`">
<image class='myOrder_fd2_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"26.png"'></image>
<text class='myOrder_fd2_0_c0_c0_c1'>仟吉蛋糕店</text>
<image class='myOrder_fd2_0_c0_c0_c2' mode="aspectFit" :src='STATIC_URL+"25.png"'></image>
<view class='flex flex-wrap align-center justify-center myOrder_fd2_1_c0_c0_c3'>
<text class='myOrder_fd2_1_c0_c0_c3_c0'>自提</text>
</view>
</view>
<text class='myOrder_fd2_0_c0_c1'>待付款</text>
</view>
<view class='flex flex-wrap align-center myOrder_fd2_0_c1'>
<scroll-view class='myOrder_fd2_0_c1_c0' :scroll-x='true' :show-scrollbar='true'>
<view class='benben-scroll-x'>
<view class='flex benben-scroll flex align-center'>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_0_c1_c0_c0'>
<image class='myOrder_fd2_0_c1_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_0_c1_c0_c0_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_0_c1_c0_c1'>
<image class='myOrder_fd2_0_c1_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_0_c1_c0_c1_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_0_c1_c0_c2'>
<image class='myOrder_fd2_0_c1_c0_c2_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_0_c1_c0_c2_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_0_c1_c0_c3'>
<image class='myOrder_fd2_0_c1_c0_c3_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_0_c1_c0_c3_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_0_c1_c0_c4'>
<image class='myOrder_fd2_0_c1_c0_c4_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_0_c1_c0_c4_c1'>黄金鱼味卷</text>
</view>
</view>
</view>
</scroll-view>
</view>
<view class='flex flex-wrap align-center justify-end myOrder_fd2_0_c2'>
<view class='flex flex-wrap align-center myOrder_fd2_0_c2_c0'>
<text class='myOrder_fd2_0_c2_c0_c0'></text>
<text class='myOrder_fd2_0_c2_c0_c1'>12</text>
<text class='myOrder_fd2_0_c2_c0_c2'></text>
</view>
<view class='flex flex-wrap align-center'>
<text class='myOrder_fd2_0_c2_c1_c0'>总价:</text>
<text class='myOrder_fd2_0_c2_c1_c1'></text>
<text class='myOrder_fd2_0_c2_c1_c2'>24</text>
</view>
</view>
<view class='flex flex-wrap align-center justify-between' v-if="in_array(tabls,'0,1')">
<view class='flex flex-wrap align-center justify-center myOrder_fd2_0_c3_c0'>
<text class='myOrder_fd2_0_c3_c0_c0'>剩余支付时间</text>
<benben-countdown class='' :time-type='true' :count-time="fd2_0_c3_c0_c1">
<template #default="{ d, h, i, s }">
<text class='myOrder_fd2_0_c3_c0_c1_c2'>{{h}}</text>
<text class='myOrder_fd2_0_c3_c0_c1_c3'>:</text>
<text class='myOrder_fd2_0_c3_c0_c1_c4'>{{i}}</text>
<text class='myOrder_fd2_0_c3_c0_c1_c5'>:</text>
<text class='myOrder_fd2_0_c3_c0_c1_c6'>{{s}}</text>
<text class='myOrder_fd2_0_c3_c0_c1_c7'></text>
</template>
</benben-countdown>
</view>
<view class='flex flex-wrap align-center'>
<button class='myOrder_fd2_0_c3_c1_c0' @tap.stop="popupShow1684464863027=true">取消订单</button>
<button class='myOrder_fd2_0_c3_c1_c1' @tap.stop="handleJumpDiy" data-type="navigateTo"
:data-url="`/pages/dpxq/immediatePayment/immediatePayment?state=1`">立即付款</button>
</view>
</view>
</view>
<view class='flex flex-direction flex-wrap align-stretch myOrder_fd2_1' @tap.stop="handleJumpDiy"
data-type="navigateTo" :data-url="`/pages/dd/orderDetails/orderDetails?id=8`" v-if="in_array(tabls,'0,1')">
<view class='flex flex-wrap align-center justify-between myOrder_fd2_1_c0'>
<view class='flex flex-wrap align-center' @tap.stop="handleJumpDiy" data-type="navigateTo"
:data-url="`/pages/dpxq/storeDetails/storeDetails`">
<image class='myOrder_fd2_1_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"26.png"'></image>
<text class='myOrder_fd2_1_c0_c0_c1'>仟吉蛋糕店</text>
<image class='myOrder_fd2_1_c0_c0_c2' mode="aspectFit" :src='STATIC_URL+"25.png"'></image>
<view class='flex flex-wrap align-center justify-center myOrder_fd2_1_c0_c0_c3'>
<text class='myOrder_fd2_1_c0_c0_c3_c0'>自提</text>
</view>
</view>
<text class='myOrder_fd2_1_c0_c1'>待付款</text>
</view>
<view class='flex flex-wrap align-center myOrder_fd2_1_c1'>
<scroll-view class='myOrder_fd2_1_c1_c0' :scroll-x='true' :show-scrollbar='true'>
<view class='benben-scroll-x'>
<view class='flex benben-scroll flex align-center'>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_1_c1_c0_c0'>
<image class='myOrder_fd2_1_c1_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_1_c1_c0_c0_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_1_c1_c0_c1'>
<image class='myOrder_fd2_1_c1_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_1_c1_c0_c1_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_1_c1_c0_c2'>
<image class='myOrder_fd2_1_c1_c0_c2_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_1_c1_c0_c2_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_1_c1_c0_c3'>
<image class='myOrder_fd2_1_c1_c0_c3_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_1_c1_c0_c3_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_1_c1_c0_c4'>
<image class='myOrder_fd2_1_c1_c0_c4_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_1_c1_c0_c4_c1'>黄金鱼味卷</text>
</view>
</view>
</view>
</scroll-view>
</view>
<view class='flex flex-wrap align-center justify-end myOrder_fd2_1_c2'>
<view class='flex flex-wrap align-center myOrder_fd2_1_c2_c0'>
<text class='myOrder_fd2_1_c2_c0_c0'></text>
<text class='myOrder_fd2_1_c2_c0_c1'>12</text>
<text class='myOrder_fd2_1_c2_c0_c2'></text>
</view>
<view class='flex flex-wrap align-center'>
<text class='myOrder_fd2_1_c2_c1_c0'>总价:</text>
<text class='myOrder_fd2_1_c2_c1_c1'></text>
<text class='myOrder_fd2_1_c2_c1_c2'>24</text>
</view>
</view>
<view class='flex flex-wrap align-center justify-between'>
<view class='flex flex-wrap align-center justify-center myOrder_fd2_1_c3_c0'>
<text class='myOrder_fd2_1_c3_c0_c0'>剩余支付时间</text>
<benben-countdown class='' :time-type='true' :count-time="fd2_1_c3_c0_c1">
<template #default="{ d, h, i, s }">
<text class='myOrder_fd2_1_c3_c0_c1_c2'>{{h}}</text>
<text class='myOrder_fd2_1_c3_c0_c1_c3'>:</text>
<text class='myOrder_fd2_1_c3_c0_c1_c4'>{{i}}</text>
<text class='myOrder_fd2_1_c3_c0_c1_c5'>:</text>
<text class='myOrder_fd2_1_c3_c0_c1_c6'>{{s}}</text>
<text class='myOrder_fd2_1_c3_c0_c1_c7'></text>
</template>
</benben-countdown>
</view>
<view class='flex flex-wrap align-center'>
<button class='myOrder_fd2_1_c3_c1_c0' @tap.stop="handleJumpDiy" data-type="navigateTo"
:data-url="`/pages/dpxq/immediatePayment/immediatePayment?state=1`">立即付款</button>
</view>
</view>
</view>
<view class='flex flex-direction flex-wrap align-stretch myOrder_fd2_2' @tap.stop="handleJumpDiy"
data-type="navigateTo" :data-url="`/pages/dd/orderDetails/orderDetails?id=11`" v-if="in_array(tabls,'0,1')">
<view class='flex flex-wrap align-center justify-between myOrder_fd2_2_c0'>
<view class='flex flex-wrap align-center'>
<image class='myOrder_fd2_2_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"26.png"'></image>
<text class='myOrder_fd2_2_c0_c0_c1'>仟吉蛋糕店</text>
<image class='myOrder_fd2_2_c0_c0_c2' mode="aspectFit" :src='STATIC_URL+"25.png"'></image>
</view>
<text class='myOrder_fd2_2_c0_c1'>订单已取消</text>
</view>
<view class='flex flex-wrap align-center myOrder_fd2_2_c1'>
<scroll-view class='myOrder_fd2_2_c1_c0' :scroll-x='true' :show-scrollbar='true'>
<view class='benben-scroll-x'>
<view class='flex benben-scroll flex align-center'>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_2_c1_c0_c0'>
<image class='myOrder_fd2_2_c1_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_2_c1_c0_c0_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_2_c1_c0_c1'>
<image class='myOrder_fd2_2_c1_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_2_c1_c0_c1_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_2_c1_c0_c2'>
<image class='myOrder_fd2_2_c1_c0_c2_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_2_c1_c0_c2_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_2_c1_c0_c3'>
<image class='myOrder_fd2_2_c1_c0_c3_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_2_c1_c0_c3_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_2_c1_c0_c4'>
<image class='myOrder_fd2_2_c1_c0_c4_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_2_c1_c0_c4_c1'>黄金鱼味卷</text>
</view>
</view>
</view>
</scroll-view>
</view>
<view class='flex flex-wrap align-center justify-end myOrder_fd2_2_c2'>
<view class='flex flex-wrap align-center myOrder_fd2_2_c2_c0'>
<text class='myOrder_fd2_2_c2_c0_c0'></text>
<text class='myOrder_fd2_2_c2_c0_c1'>12</text>
<text class='myOrder_fd2_2_c2_c0_c2'></text>
</view>
<view class='flex flex-wrap align-center'>
<text class='myOrder_fd2_2_c2_c1_c0'>总价:</text>
<text class='myOrder_fd2_2_c2_c1_c1'></text>
<text class='myOrder_fd2_2_c2_c1_c2'>24</text>
</view>
</view>
<view class='flex flex-wrap align-center justify-end'>
<view class='flex flex-wrap align-center'>
<button class='myOrder_fd2_2_c3_c0_c0' @tap.stop="handleJumpDiy" data-type="navigateTo"
:data-url="`/pages/dpxq/immediatePayment/immediatePayment?state=1`">删除订单</button>
</view>
</view>
</view>
<view class='flex flex-direction flex-wrap align-stretch myOrder_fd2_3' @tap.stop="handleJumpDiy"
data-type="navigateTo" :data-url="`/pages/dd/orderReceiving/orderReceiving?id=2`" v-if="tabls=='2'">
<view class='flex flex-wrap align-center justify-between myOrder_fd2_3_c0'>
<view class='flex flex-wrap align-center' @tap.stop="handleJumpDiy" data-type="navigateTo"
:data-url="`/pages/dpxq/storeDetails/storeDetails`">
<image class='myOrder_fd2_3_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"26.png"'></image>
<text class='myOrder_fd2_3_c0_c0_c1'>仟吉蛋糕店</text>
<image class='myOrder_fd2_3_c0_c0_c2' mode="aspectFit" :src='STATIC_URL+"25.png"'></image>
</view>
<text class='myOrder_fd2_3_c0_c1'>商家待接单</text>
</view>
<view class='flex flex-wrap align-center myOrder_fd2_3_c1'>
<scroll-view class='myOrder_fd2_3_c1_c0' :scroll-x='true' :show-scrollbar='true'>
<view class='benben-scroll-x'>
<view class='flex benben-scroll flex align-center'>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_3_c1_c0_c0'>
<image class='myOrder_fd2_3_c1_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_3_c1_c0_c0_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_3_c1_c0_c1'>
<image class='myOrder_fd2_3_c1_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_3_c1_c0_c1_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_3_c1_c0_c2'>
<image class='myOrder_fd2_3_c1_c0_c2_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_3_c1_c0_c2_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_3_c1_c0_c3'>
<image class='myOrder_fd2_3_c1_c0_c3_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_3_c1_c0_c3_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_3_c1_c0_c4'>
<image class='myOrder_fd2_3_c1_c0_c4_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_3_c1_c0_c4_c1'>黄金鱼味卷</text>
</view>
</view>
</view>
</scroll-view>
</view>
<view class='flex flex-wrap align-center justify-end myOrder_fd2_3_c2'>
<view class='flex flex-wrap align-center myOrder_fd2_3_c2_c0'>
<text class='myOrder_fd2_3_c2_c0_c0'></text>
<text class='myOrder_fd2_3_c2_c0_c1'>12</text>
<text class='myOrder_fd2_3_c2_c0_c2'></text>
</view>
<view class='flex flex-wrap align-center'>
<text class='myOrder_fd2_3_c2_c1_c0'>总价:</text>
<text class='myOrder_fd2_3_c2_c1_c1'></text>
<text class='myOrder_fd2_3_c2_c1_c2'>24</text>
</view>
</view>
<view class='flex flex-wrap align-center justify-end' v-if="tabls=='2'">
<view class='flex flex-wrap align-center'>
<button class='myOrder_fd2_3_c3_c0_c0' @tap.stop="popupShow1684464863027=true">取消订单</button>
</view>
</view>
</view>
<view class='flex flex-direction flex-wrap align-stretch myOrder_fd2_4' @tap.stop="handleJumpDiy"
data-type="navigateTo" :data-url="`/pages/dd/orderReceiving/orderReceiving?id=3`" v-if="tabls=='3'">
<view class='flex flex-wrap align-center justify-between myOrder_fd2_4_c0'>
<view class='flex flex-wrap align-center' @tap.stop="handleJumpDiy" data-type="navigateTo"
:data-url="`/pages/dpxq/storeDetails/storeDetails`">
<image class='myOrder_fd2_4_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"26.png"'></image>
<text class='myOrder_fd2_4_c0_c0_c1'>仟吉蛋糕店</text>
<image class='myOrder_fd2_4_c0_c0_c2' mode="aspectFit" :src='STATIC_URL+"25.png"'></image>
</view>
<text class='myOrder_fd2_4_c0_c1'>商家已接单</text>
</view>
<view class='flex flex-wrap align-center myOrder_fd2_4_c1'>
<scroll-view class='myOrder_fd2_4_c1_c0' :scroll-x='true' :show-scrollbar='true'>
<view class='benben-scroll-x'>
<view class='flex benben-scroll flex align-center'>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_4_c1_c0_c0'>
<image class='myOrder_fd2_4_c1_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_4_c1_c0_c0_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_4_c1_c0_c1'>
<image class='myOrder_fd2_4_c1_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_4_c1_c0_c1_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_4_c1_c0_c2'>
<image class='myOrder_fd2_4_c1_c0_c2_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_4_c1_c0_c2_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_4_c1_c0_c3'>
<image class='myOrder_fd2_4_c1_c0_c3_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_4_c1_c0_c3_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_4_c1_c0_c4'>
<image class='myOrder_fd2_4_c1_c0_c4_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_4_c1_c0_c4_c1'>黄金鱼味卷</text>
</view>
</view>
</view>
</scroll-view>
</view>
<view class='flex flex-wrap align-center justify-end myOrder_fd2_4_c2'>
<view class='flex flex-wrap align-center myOrder_fd2_4_c2_c0'>
<text class='myOrder_fd2_4_c2_c0_c0'></text>
<text class='myOrder_fd2_4_c2_c0_c1'>12</text>
<text class='myOrder_fd2_4_c2_c0_c2'></text>
</view>
<view class='flex flex-wrap align-center'>
<text class='myOrder_fd2_4_c2_c1_c0'>总价:</text>
<text class='myOrder_fd2_4_c2_c1_c1'></text>
<text class='myOrder_fd2_4_c2_c1_c2'>24</text>
</view>
</view>
<view class='flex flex-wrap align-center justify-end' v-if="tabls=='3'">
<view class='flex flex-wrap align-center'>
<button class='myOrder_fd2_4_c3_c0_c0'>联系商家</button>
</view>
</view>
</view>
<view class='flex flex-direction flex-wrap align-stretch myOrder_fd2_5' @tap.stop="handleJumpDiy"
data-type="navigateTo" :data-url="`/pages/dd/orderReceiving/orderReceiving?id=4`" v-if="tabls=='3'">
<view class='flex flex-wrap align-center justify-between myOrder_fd2_5_c0'>
<view class='flex flex-wrap align-center' @tap.stop="handleJumpDiy" data-type="navigateTo"
:data-url="`/pages/dpxq/storeDetails/storeDetails`">
<image class='myOrder_fd2_5_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"26.png"'></image>
<text class='myOrder_fd2_5_c0_c0_c1'>仟吉蛋糕店</text>
<image class='myOrder_fd2_5_c0_c0_c2' mode="aspectFit" :src='STATIC_URL+"25.png"'></image>
</view>
<text class='myOrder_fd2_5_c0_c1'>骑手已接单</text>
</view>
<view class='flex flex-wrap align-center myOrder_fd2_5_c1'>
<scroll-view class='myOrder_fd2_5_c1_c0' :scroll-x='true' :show-scrollbar='true'>
<view class='benben-scroll-x'>
<view class='flex benben-scroll flex align-center'>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_5_c1_c0_c0'>
<image class='myOrder_fd2_5_c1_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_5_c1_c0_c0_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_5_c1_c0_c1'>
<image class='myOrder_fd2_5_c1_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_5_c1_c0_c1_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_5_c1_c0_c2'>
<image class='myOrder_fd2_5_c1_c0_c2_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_5_c1_c0_c2_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_5_c1_c0_c3'>
<image class='myOrder_fd2_5_c1_c0_c3_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_5_c1_c0_c3_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_5_c1_c0_c4'>
<image class='myOrder_fd2_5_c1_c0_c4_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_5_c1_c0_c4_c1'>黄金鱼味卷</text>
</view>
</view>
</view>
</scroll-view>
</view>
<view class='flex flex-wrap align-center justify-end myOrder_fd2_5_c2'>
<view class='flex flex-wrap align-center myOrder_fd2_5_c2_c0'>
<text class='myOrder_fd2_5_c2_c0_c0'></text>
<text class='myOrder_fd2_5_c2_c0_c1'>12</text>
<text class='myOrder_fd2_5_c2_c0_c2'></text>
</view>
<view class='flex flex-wrap align-center'>
<text class='myOrder_fd2_5_c2_c1_c0'>总价:</text>
<text class='myOrder_fd2_5_c2_c1_c1'></text>
<text class='myOrder_fd2_5_c2_c1_c2'>24</text>
</view>
</view>
<view class='flex flex-wrap align-center justify-end'>
<view class='flex flex-wrap align-center'>
<button class='myOrder_fd2_5_c3_c0_c0'>联系骑手</button>
</view>
</view>
</view>
<view class='flex flex-direction flex-wrap align-stretch myOrder_fd2_6' @tap.stop="handleJumpDiy"
data-type="navigateTo" :data-url="`/pages/dd/orderReceiving/orderReceiving?id=5`" v-if="tabls=='3'">
<view class='flex flex-wrap align-center justify-between myOrder_fd2_6_c0'>
<view class='flex flex-wrap align-center' @tap.stop="handleJumpDiy" data-type="navigateTo"
:data-url="`/pages/dpxq/storeDetails/storeDetails`">
<image class='myOrder_fd2_6_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"26.png"'></image>
<text class='myOrder_fd2_6_c0_c0_c1'>仟吉蛋糕店</text>
<image class='myOrder_fd2_6_c0_c0_c2' mode="aspectFit" :src='STATIC_URL+"25.png"'></image>
</view>
<text class='myOrder_fd2_6_c0_c1'>骑手已到店</text>
</view>
<view class='flex flex-wrap align-center myOrder_fd2_6_c1'>
<scroll-view class='myOrder_fd2_6_c1_c0' :scroll-x='true' :show-scrollbar='true'>
<view class='benben-scroll-x'>
<view class='flex benben-scroll flex align-center'>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_6_c1_c0_c0'>
<image class='myOrder_fd2_6_c1_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_6_c1_c0_c0_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_6_c1_c0_c1'>
<image class='myOrder_fd2_6_c1_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_6_c1_c0_c1_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_6_c1_c0_c2'>
<image class='myOrder_fd2_6_c1_c0_c2_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_6_c1_c0_c2_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_6_c1_c0_c3'>
<image class='myOrder_fd2_6_c1_c0_c3_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_6_c1_c0_c3_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_6_c1_c0_c4'>
<image class='myOrder_fd2_6_c1_c0_c4_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_6_c1_c0_c4_c1'>黄金鱼味卷</text>
</view>
</view>
</view>
</scroll-view>
</view>
<view class='flex flex-wrap align-center justify-end myOrder_fd2_6_c2'>
<view class='flex flex-wrap align-center myOrder_fd2_6_c2_c0'>
<text class='myOrder_fd2_6_c2_c0_c0'></text>
<text class='myOrder_fd2_6_c2_c0_c1'>12</text>
<text class='myOrder_fd2_6_c2_c0_c2'></text>
</view>
<view class='flex flex-wrap align-center'>
<text class='myOrder_fd2_6_c2_c1_c0'>总价:</text>
<text class='myOrder_fd2_6_c2_c1_c1'></text>
<text class='myOrder_fd2_6_c2_c1_c2'>24</text>
</view>
</view>
<view class='flex flex-wrap align-center justify-end'>
<view class='flex flex-wrap align-center'>
<button class='myOrder_fd2_6_c3_c0_c0'>联系骑手</button>
</view>
</view>
</view>
<view class='flex flex-direction flex-wrap align-stretch myOrder_fd2_7' @tap.stop="handleJumpDiy"
data-type="navigateTo" :data-url="`/pages/dd/orderReceiving/orderReceiving?id=6`" v-if="tabls=='3'">
<view class='flex flex-wrap align-center justify-between myOrder_fd2_7_c0'>
<view class='flex flex-wrap align-center' @tap.stop="handleJumpDiy" data-type="navigateTo"
:data-url="`/pages/dpxq/storeDetails/storeDetails`">
<image class='myOrder_fd2_7_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"26.png"'></image>
<text class='myOrder_fd2_7_c0_c0_c1'>仟吉蛋糕店</text>
<image class='myOrder_fd2_7_c0_c0_c2' mode="aspectFit" :src='STATIC_URL+"25.png"'></image>
</view>
<text class='myOrder_fd2_7_c0_c1'>骑手配送中</text>
</view>
<view class='flex flex-wrap align-center myOrder_fd2_7_c1'>
<scroll-view class='myOrder_fd2_7_c1_c0' :scroll-x='true' :show-scrollbar='true'>
<view class='benben-scroll-x'>
<view class='flex benben-scroll flex align-center'>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_7_c1_c0_c0'>
<image class='myOrder_fd2_7_c1_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_7_c1_c0_c0_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_7_c1_c0_c1'>
<image class='myOrder_fd2_7_c1_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_7_c1_c0_c1_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_7_c1_c0_c2'>
<image class='myOrder_fd2_7_c1_c0_c2_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_7_c1_c0_c2_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_7_c1_c0_c3'>
<image class='myOrder_fd2_7_c1_c0_c3_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_7_c1_c0_c3_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_7_c1_c0_c4'>
<image class='myOrder_fd2_7_c1_c0_c4_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_7_c1_c0_c4_c1'>黄金鱼味卷</text>
</view>
</view>
</view>
</scroll-view>
</view>
<view class='flex flex-wrap align-center justify-end myOrder_fd2_7_c2'>
<view class='flex flex-wrap align-center myOrder_fd2_7_c2_c0'>
<text class='myOrder_fd2_7_c2_c0_c0'></text>
<text class='myOrder_fd2_7_c2_c0_c1'>12</text>
<text class='myOrder_fd2_7_c2_c0_c2'></text>
</view>
<view class='flex flex-wrap align-center'>
<text class='myOrder_fd2_7_c2_c1_c0'>总价:</text>
<text class='myOrder_fd2_7_c2_c1_c1'></text>
<text class='myOrder_fd2_7_c2_c1_c2'>24</text>
</view>
</view>
<view class='flex flex-wrap align-center justify-end'>
<view class='flex flex-wrap align-center'>
<button class='myOrder_fd2_7_c3_c0_c0'>联系骑手</button>
</view>
</view>
</view>
<view class='flex flex-direction flex-wrap align-stretch myOrder_fd2_8' v-if="tabls=='3'">
<view class='flex flex-wrap align-center justify-between myOrder_fd2_8_c0'>
<view class='flex flex-wrap align-center' @tap.stop="handleJumpDiy" data-type="navigateTo"
:data-url="`/pages/dpxq/storeDetails/storeDetails`">
<image class='myOrder_fd2_8_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"26.png"'></image>
<text class='myOrder_fd2_8_c0_c0_c1'>仟吉蛋糕店</text>
<image class='myOrder_fd2_8_c0_c0_c2' mode="aspectFit" :src='STATIC_URL+"25.png"'></image>
</view>
<text class='myOrder_fd2_8_c0_c1'>商家配送中</text>
</view>
<view class='flex flex-wrap align-center myOrder_fd2_8_c1'>
<scroll-view class='myOrder_fd2_8_c1_c0' :scroll-x='true' :show-scrollbar='true'>
<view class='benben-scroll-x'>
<view class='flex benben-scroll flex align-center'>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_8_c1_c0_c0'>
<image class='myOrder_fd2_8_c1_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_8_c1_c0_c0_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_8_c1_c0_c1'>
<image class='myOrder_fd2_8_c1_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_8_c1_c0_c1_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_8_c1_c0_c2'>
<image class='myOrder_fd2_8_c1_c0_c2_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_8_c1_c0_c2_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_8_c1_c0_c3'>
<image class='myOrder_fd2_8_c1_c0_c3_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_8_c1_c0_c3_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_8_c1_c0_c4'>
<image class='myOrder_fd2_8_c1_c0_c4_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_8_c1_c0_c4_c1'>黄金鱼味卷</text>
</view>
</view>
</view>
</scroll-view>
</view>
<view class='flex flex-wrap align-center justify-end myOrder_fd2_8_c2'>
<view class='flex flex-wrap align-center myOrder_fd2_8_c2_c0'>
<text class='myOrder_fd2_8_c2_c0_c0'></text>
<text class='myOrder_fd2_8_c2_c0_c1'>12</text>
<text class='myOrder_fd2_8_c2_c0_c2'></text>
</view>
<view class='flex flex-wrap align-center'>
<text class='myOrder_fd2_8_c2_c1_c0'>总价:</text>
<text class='myOrder_fd2_8_c2_c1_c1'></text>
<text class='myOrder_fd2_8_c2_c1_c2'>24</text>
</view>
</view>
<view class='flex flex-wrap align-center justify-end'>
<view class='flex flex-wrap align-center'>
<button class='myOrder_fd2_8_c3_c0_c0'>联系商家</button>
</view>
</view>
</view>
<view class='flex flex-direction flex-wrap align-stretch myOrder_fd2_9' @tap.stop="handleJumpDiy"
data-type="navigateTo" :data-url="`/pages/dd/orderReceiving/orderReceiving?id=7`" v-if="tabls=='3'">
<view class='flex flex-wrap align-center justify-between myOrder_fd2_9_c0'>
<view class='flex flex-wrap align-center' @tap.stop="handleJumpDiy" data-type="navigateTo"
:data-url="`/pages/dpxq/storeDetails/storeDetails`">
<image class='myOrder_fd2_9_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"26.png"'></image>
<text class='myOrder_fd2_9_c0_c0_c1'>仟吉蛋糕店</text>
<image class='myOrder_fd2_9_c0_c0_c2' mode="aspectFit" :src='STATIC_URL+"25.png"'></image>
<view class='flex flex-wrap align-center justify-center myOrder_fd2_9_c0_c0_c3'>
<text class='myOrder_fd2_9_c0_c0_c3_c0'>自提</text>
</view>
</view>
<text class='myOrder_fd2_9_c0_c1'>待自提</text>
</view>
<view class='flex flex-wrap align-center myOrder_fd2_9_c1'>
<scroll-view class='myOrder_fd2_9_c1_c0' :scroll-x='true' :show-scrollbar='true'>
<view class='benben-scroll-x'>
<view class='flex benben-scroll flex align-center'>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_9_c1_c0_c0'>
<image class='myOrder_fd2_9_c1_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_9_c1_c0_c0_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_9_c1_c0_c1'>
<image class='myOrder_fd2_9_c1_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_9_c1_c0_c1_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_9_c1_c0_c2'>
<image class='myOrder_fd2_9_c1_c0_c2_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_9_c1_c0_c2_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_9_c1_c0_c3'>
<image class='myOrder_fd2_9_c1_c0_c3_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_9_c1_c0_c3_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_9_c1_c0_c4'>
<image class='myOrder_fd2_9_c1_c0_c4_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_9_c1_c0_c4_c1'>黄金鱼味卷</text>
</view>
</view>
</view>
</scroll-view>
</view>
<view class='flex flex-wrap align-center justify-end myOrder_fd2_9_c2'>
<view class='flex flex-wrap align-center myOrder_fd2_9_c2_c0'>
<text class='myOrder_fd2_9_c2_c0_c0'></text>
<text class='myOrder_fd2_9_c2_c0_c1'>12</text>
<text class='myOrder_fd2_9_c2_c0_c2'></text>
</view>
<view class='flex flex-wrap align-center'>
<text class='myOrder_fd2_9_c2_c1_c0'>总价:</text>
<text class='myOrder_fd2_9_c2_c1_c1'></text>
<text class='myOrder_fd2_9_c2_c1_c2'>24</text>
</view>
</view>
<view class='flex flex-wrap align-center justify-end'>
<view class='flex flex-wrap align-center'>
<button class='myOrder_fd2_9_c3_c0_c0'>联系商家</button>
</view>
</view>
</view>
<view class='flex flex-direction flex-wrap align-stretch myOrder_fd2_10' @tap.stop="handleJumpDiy"
data-type="navigateTo" :data-url="`/pages/dd/orderDetails/orderDetails?id=10`" v-if="tabls=='4'">
<view class='flex flex-wrap align-center justify-between myOrder_fd2_10_c0'>
<view class='flex flex-wrap align-center'>
<image class='myOrder_fd2_10_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"26.png"'></image>
<text class='myOrder_fd2_10_c0_c0_c1'>仟吉蛋糕店</text>
<image class='myOrder_fd2_10_c0_c0_c2' mode="aspectFit" :src='STATIC_URL+"25.png"'></image>
</view>
<text class='myOrder_fd2_10_c0_c1'>订单已送达</text>
</view>
<view class='flex flex-wrap align-center myOrder_fd2_10_c1'>
<scroll-view class='myOrder_fd2_10_c1_c0' :scroll-x='true' :show-scrollbar='true'>
<view class='benben-scroll-x'>
<view class='flex benben-scroll flex align-center'>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_10_c1_c0_c0'>
<image class='myOrder_fd2_10_c1_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_10_c1_c0_c0_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_10_c1_c0_c1'>
<image class='myOrder_fd2_10_c1_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_10_c1_c0_c1_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_10_c1_c0_c2'>
<image class='myOrder_fd2_10_c1_c0_c2_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_10_c1_c0_c2_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_10_c1_c0_c3'>
<image class='myOrder_fd2_10_c1_c0_c3_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_10_c1_c0_c3_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_10_c1_c0_c4'>
<image class='myOrder_fd2_10_c1_c0_c4_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_10_c1_c0_c4_c1'>黄金鱼味卷</text>
</view>
</view>
</view>
</scroll-view>
</view>
<view class='flex flex-wrap align-center justify-end myOrder_fd2_10_c2'>
<view class='flex flex-wrap align-center myOrder_fd2_10_c2_c0'>
<text class='myOrder_fd2_10_c2_c0_c0'></text>
<text class='myOrder_fd2_10_c2_c0_c1'>12</text>
<text class='myOrder_fd2_10_c2_c0_c2'></text>
</view>
<view class='flex flex-wrap align-center'>
<text class='myOrder_fd2_10_c2_c1_c0'>总价:</text>
<text class='myOrder_fd2_10_c2_c1_c1'></text>
<text class='myOrder_fd2_10_c2_c1_c2'>24</text>
</view>
</view>
<view class='flex flex-wrap align-center justify-end' v-if="tabls=='4'">
<view class='flex flex-wrap align-center'>
<button class='myOrder_fd2_10_c3_c0_c0'>去评价</button>
</view>
</view>
</view>
<view class='flex flex-direction flex-wrap align-stretch myOrder_fd2_11' @tap.stop="handleJumpDiy"
data-type="navigateTo" :data-url="`/pages/dd/orderDetails/orderDetails?id=9`" v-if="tabls=='4'">
<view class='flex flex-wrap align-center justify-between myOrder_fd2_11_c0'>
<view class='flex flex-wrap align-center' @tap.stop="handleJumpDiy" data-type="navigateTo"
:data-url="`/pages/dpxq/storeDetails/storeDetails`">
<image class='myOrder_fd2_11_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"26.png"'></image>
<text class='myOrder_fd2_11_c0_c0_c1'>仟吉蛋糕店</text>
<image class='myOrder_fd2_11_c0_c0_c2' mode="aspectFit" :src='STATIC_URL+"25.png"'></image>
<view class='flex flex-wrap align-center justify-center myOrder_fd2_11_c0_c0_c3'>
<text class='myOrder_fd2_11_c0_c0_c3_c0'>自提</text>
</view>
</view>
<text class='myOrder_fd2_11_c0_c1'>已完成</text>
</view>
<view class='flex flex-wrap align-center myOrder_fd2_11_c1'>
<scroll-view class='myOrder_fd2_11_c1_c0' :scroll-x='true' :show-scrollbar='true'>
<view class='benben-scroll-x'>
<view class='flex benben-scroll flex align-center'>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_11_c1_c0_c0'>
<image class='myOrder_fd2_11_c1_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_11_c1_c0_c0_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_11_c1_c0_c1'>
<image class='myOrder_fd2_11_c1_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_11_c1_c0_c1_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_11_c1_c0_c2'>
<image class='myOrder_fd2_11_c1_c0_c2_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_11_c1_c0_c2_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_11_c1_c0_c3'>
<image class='myOrder_fd2_11_c1_c0_c3_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_11_c1_c0_c3_c1'>黄金鱼味卷</text>
</view>
<view class='flex flex-direction flex-wrap align-start myOrder_fd2_11_c1_c0_c4'>
<image class='myOrder_fd2_11_c1_c0_c4_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
<text class='myOrder_fd2_11_c1_c0_c4_c1'>黄金鱼味卷</text>
</view>
</view>
</view>
</scroll-view>
</view>
<view class='flex flex-wrap align-center justify-end myOrder_fd2_11_c2'>
<view class='flex flex-wrap align-center myOrder_fd2_11_c2_c0'>
<text class='myOrder_fd2_11_c2_c0_c0'></text>
<text class='myOrder_fd2_11_c2_c0_c1'>12</text>
<text class='myOrder_fd2_11_c2_c0_c2'></text>
</view>
<view class='flex flex-wrap align-center'>
<text class='myOrder_fd2_11_c2_c1_c0'>总价:</text>
<text class='myOrder_fd2_11_c2_c1_c1'></text>
<text class='myOrder_fd2_11_c2_c1_c2'>24</text>
</view>
</view>
<view class='flex flex-wrap align-center justify-end'>
<view class='flex flex-wrap align-center'>
<button class='myOrder_fd2_11_c3_c0_c0'>去评价</button>
</view>
</view>
</view>
</view>
<!---flex布局flex布局结束-->
<benben-popup v-model="popupShow1684464863027" :mask="true" mode='center'>
<!---取消订单flex布局开始-->
<view class="flex flex-direction flex-wrap align-center myOrder_flex_3" @tap.stop="popupShow1650940432200=true">
<text class='myOrder_fd3_0'>提示</text>
<text class='myOrder_fd3_1'>确定取消当前订单</text>
<view class='flex flex-wrap align-center myOrder_fd3_2'>
<button class='myOrder_fd3_2_c0' @tap.stop="popupShow1684464863027=false">取消</button>
<button class='myOrder_fd3_2_c1'>确定</button>
</view>
</view>
<!---取消订单flex布局结束-->
</benben-popup>
</view>
</template>
<script>
export default {
components: {},
data() {
return {
"popupShow1684464863027": false,
"fd2_0_c3_c0_c1": 360000,
"fd2_1_c3_c0_c1": 360000,
"tabsInfofd1_0": {
lineleft: '',
lineWidth: '',
moveX: 0,
scrollX: 0,
PageScrollX: 0
},
"tabls": "0",
isShowLoading: false, // 是否显示加载组件 加载中状态
lists: [], // 订单列表
page: 1, // 订单列表页码 表示正在请求哪一页
size: 10, // 订单列表每页多少条数据
status: 'more', // 表示是否有数据可以请求
isInit: false, // 初始化订单
};
},
computed: {
themeColor() {
return this.$store.getters.themeColor
},
},
watch: {},
onLoad(options) {
},
onUnload() {
},
onReady() {
},
onShow() {
this.refreshOrderList(true);
},
onHide() {
},
onResize() {
},
onPullDownRefresh() {
},
onReachBottom(e) {
},
onPageScroll(e) {
},
methods: {
/**
* @description 重置列表
* @param {string} value
* */
refreshOrderList(value) {
this.page = 1;
this.status = 'more';
this.lists = [];
this.isInit = false;
if (value) {
this.getOrderList(true);
} else {
this.getOrderList();
}
},
/**
* @description 获取列表
* @param {Boolean} value = 是否需要展示加载动画
*/
getOrderList(value) {
if (this.status != 'more') return;
this.status = 'loading';
let data = {
status: this.tabls == 0 ? '999' : this.tabls,
page: this.page,
list_rows: this.size,
};
// console.log('请求的数据', data);
if (this.page == 1 && value) {
this.isShowLoading = true;
}
this.$api
.post(global.apiUrls.getOrderList, data)
.then(res => {
console.log('订单列表', res);
this.isShowLoading = false;
if (res.data.code == 1) {
var curPageData = res.data.data.data;
if (this.page == 1) this.lists = [];
this.lists = this.lists.concat(curPageData);
console.log('上拉加载', curPageData.length, this.size);
if (curPageData.length >= this.size) {
this.status = 'more';
this.page++;
} else {
this.status = 'noMore';
}
} else {
this.$message.info(res.data.msg);
}
this.isInit = true;
uni.stopPullDownRefresh();
})
.catch(err => {
this.isShowLoading = false;
uni.stopPullDownRefresh();
});
},
}
};
</script>
<style lang="scss" scoped>
.page {
width: 100vw;
overflow-x: hidden;
min-height: calc(100vh - var(--window-bottom));
background: rgba(246, 247, 249, 1);
background-size: 100% auto !important;
}
.myOrder_flex_0 {
background: #fff;
width: 750rpx;
height: 88rpx;
overflow: hidden;
z-index: 10;
top: 0rpx;
background-size: 100% auto !important;
}
.myOrder_fd0_0_c0_c0 {
font-size: 36rpx;
font-weight: 500;
color: #333;
line-height: 88rpx;
}
.myOrder_fd0_0 {
margin: 0rpx 32rpx 0rpx 32rpx;
}
.myOrder_bodyfd1_0_c7 {
padding: 24rpx 24rpx 0rpx 24rpx;
}
.myOrder_titlefd1_0_c7 {
font-size: 28rpx;
font-weight: 400;
color: rgba(102, 102, 102, 1);
}
.myOrder_bodyfd1_0_c6 {
padding: 24rpx 24rpx 0rpx 24rpx;
}
.myOrder_titlefd1_0_c6 {
font-size: 28rpx;
font-weight: 400;
color: rgba(102, 102, 102, 1);
}
.myOrder_bodyfd1_0_c5 {
padding: 24rpx 24rpx 0rpx 24rpx;
}
.myOrder_titlefd1_0_c5 {
font-size: 28rpx;
font-weight: 400;
color: rgba(102, 102, 102, 1);
}
.myOrder_bodyfd1_0_c4 {
padding: 24rpx 24rpx 0rpx 24rpx;
}
.myOrder_titlefd1_0_c4 {
font-size: 28rpx;
font-weight: 400;
color: rgba(102, 102, 102, 1);
}
.myOrder_bodyfd1_0_c3 {
padding: 24rpx 24rpx 0rpx 24rpx;
}
.myOrder_titlefd1_0_c3 {
font-size: 28rpx;
font-weight: 400;
color: rgba(102, 102, 102, 1);
}
.myOrder_linefd1_0 {
background: rgba(255, 147, 0, 1);
width: 32rpx;
height: 4rpx;
top: 83rpx;
background-size: 100% auto !important;
border-radius: 100rpx 100rpx 100rpx 100rpx;
}
.checkTitlefd1_0 {
font-weight: 500 !important;
font-size: 28rpx !important;
color: rgba(255, 147, 0, 1) !important;
background-color: rgba(255, 255, 255, 1) !important;
}
::v-deep .myOrder_benbenTabsfd1_0 {
background: #fff;
width: 750rpx;
height: 97rpx;
white-space: nowrap;
text-align: center;
font-size: 28rpx;
font-weight: 400;
color: #999999;
}
.myOrder_flex_2 {
padding: 24rpx 24rpx 0rpx 24rpx;
}
.myOrder_fd2_11_c3_c0_c0 {
background: rgba(255, 147, 0, 1);
border-radius: 36rpx 36rpx 36rpx 36rpx;
font-size: 24rpx;
color: rgba(255, 255, 255, 1);
width: 148rpx;
height: 56rpx;
font-weight: 400;
margin: 0rpx 24rpx 0rpx 0rpx;
}
.myOrder_fd2_11_c2_c1_c2 {
color: #FF3434;
font-size: 32rpx;
font-weight: 700;
line-height: 32rpx;
}
.myOrder_fd2_11_c2_c1_c1 {
color: #FF3434;
font-size: 22rpx;
font-weight: 700;
line-height: 27rpx;
}
.myOrder_fd2_11_c2_c1_c0 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_11_c2_c0_c2 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_11_c2_c0_c1 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_11_c2_c0_c0 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_11_c2_c0 {
margin: 0rpx 8rpx 0rpx 0rpx;
}
.myOrder_fd2_11_c2 {
margin: 40rpx 24rpx 40rpx 24rpx;
}
.myOrder_fd2_11_c1_c0_c4_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_11_c1_c0_c4_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_11_c1_c0_c4 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_11_c1_c0_c3_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_11_c1_c0_c3_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_11_c1_c0_c3 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_11_c1_c0_c2_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_11_c1_c0_c2_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_11_c1_c0_c2 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_11_c1_c0_c1_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_11_c1_c0_c1_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_11_c1_c0_c1 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_11_c1_c0_c0_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_11_c1_c0_c0_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_11_c1_c0_c0 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_11_c1_c0 {
touch-action: none;
width: 670rpx;
}
.myOrder_fd2_11_c1 {
margin: 0rpx 0rpx 0rpx 24rpx;
}
.myOrder_fd2_11_c0_c1 {
margin: 0rpx 0rpx 0rpx 8rpx;
font-size: 28rpx;
font-weight: 500;
color: rgba(254, 116, 29, 1);
}
.myOrder_fd2_11_c0_c0_c3_c0 {
color: #FFFFFF;
font-size: 24rpx;
font-weight: 400;
line-height: 40rpx;
}
.myOrder_fd2_11_c0_c0_c3 {
background: rgba(254, 116, 29, 1);
width: 81rpx;
height: 40rpx;
background-size: 100% auto !important;
border-radius: 8rpx 8rpx 8rpx 8rpx;
margin: 0rpx 0rpx 0rpx 8rpx;
}
.myOrder_fd2_11_c0_c0_c2 {
width: 12rpx;
height: 22rpx;
margin: 0rpx 0rpx 0rpx 16rpx;
}
.myOrder_fd2_11_c0_c0_c1 {
margin: 0rpx 0rpx 0rpx 16rpx;
font-size: 32rpx;
font-weight: 500;
color: #333333;
max-width: 450rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
line-height: 32rpx;
}
.myOrder_fd2_11_c0_c0_c0 {
width: 56rpx;
height: 56rpx;
}
.myOrder_fd2_11_c0 {
margin: 0rpx 24rpx 32rpx 24rpx;
}
.myOrder_fd2_11 {
background: rgba(255, 255, 255, 1);
border-radius: 16rpx 16rpx 16rpx 16rpx;
padding: 32rpx 0rpx 32rpx 0rpx;
margin: 0rpx 0rpx 24rpx 0rpx;
background-size: 100% auto !important;
}
.myOrder_fd2_10_c3_c0_c0 {
background: rgba(255, 147, 0, 1);
border-radius: 36rpx 36rpx 36rpx 36rpx;
font-size: 24rpx;
color: rgba(255, 255, 255, 1);
width: 148rpx;
height: 56rpx;
font-weight: 400;
margin: 0rpx 24rpx 0rpx 0rpx;
}
.myOrder_fd2_10_c2_c1_c2 {
color: #FF3434;
font-size: 32rpx;
font-weight: 700;
line-height: 32rpx;
}
.myOrder_fd2_10_c2_c1_c1 {
color: #FF3434;
font-size: 22rpx;
font-weight: 700;
line-height: 27rpx;
}
.myOrder_fd2_10_c2_c1_c0 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_10_c2_c0_c2 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_10_c2_c0_c1 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_10_c2_c0_c0 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_10_c2_c0 {
margin: 0rpx 8rpx 0rpx 0rpx;
}
.myOrder_fd2_10_c2 {
margin: 40rpx 24rpx 40rpx 24rpx;
}
.myOrder_fd2_10_c1_c0_c4_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_10_c1_c0_c4_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_10_c1_c0_c4 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_10_c1_c0_c3_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_10_c1_c0_c3_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_10_c1_c0_c3 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_10_c1_c0_c2_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_10_c1_c0_c2_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_10_c1_c0_c2 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_10_c1_c0_c1_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_10_c1_c0_c1_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_10_c1_c0_c1 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_10_c1_c0_c0_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_10_c1_c0_c0_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_10_c1_c0_c0 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_10_c1_c0 {
touch-action: none;
width: 670rpx;
}
.myOrder_fd2_10_c1 {
margin: 0rpx 0rpx 0rpx 24rpx;
}
.myOrder_fd2_10_c0_c1 {
margin: 0rpx 0rpx 0rpx 8rpx;
font-size: 28rpx;
font-weight: 500;
color: rgba(254, 116, 29, 1);
}
.myOrder_fd2_10_c0_c0_c2 {
width: 12rpx;
height: 22rpx;
margin: 0rpx 0rpx 0rpx 16rpx;
}
.myOrder_fd2_10_c0_c0_c1 {
margin: 0rpx 0rpx 0rpx 16rpx;
font-size: 32rpx;
font-weight: 500;
color: #333333;
max-width: 450rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
line-height: 32rpx;
}
.myOrder_fd2_10_c0_c0_c0 {
width: 56rpx;
height: 56rpx;
}
.myOrder_fd2_10_c0 {
margin: 0rpx 24rpx 32rpx 24rpx;
}
.myOrder_fd2_10 {
background: rgba(255, 255, 255, 1);
border-radius: 16rpx 16rpx 16rpx 16rpx;
padding: 32rpx 0rpx 32rpx 0rpx;
margin: 0rpx 0rpx 24rpx 0rpx;
background-size: 100% auto !important;
}
.myOrder_fd2_9_c3_c0_c0 {
background: rgba(246, 247, 249, 1);
border-radius: 36rpx 36rpx 36rpx 36rpx;
font-size: 24rpx;
color: rgba(51, 51, 51, 1);
width: 148rpx;
height: 56rpx;
font-weight: 400;
margin: 0rpx 24rpx 0rpx 0rpx;
}
.myOrder_fd2_9_c2_c1_c2 {
color: #FF3434;
font-size: 32rpx;
font-weight: 700;
line-height: 32rpx;
}
.myOrder_fd2_9_c2_c1_c1 {
color: #FF3434;
font-size: 22rpx;
font-weight: 700;
line-height: 27rpx;
}
.myOrder_fd2_9_c2_c1_c0 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_9_c2_c0_c2 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_9_c2_c0_c1 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_9_c2_c0_c0 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_9_c2_c0 {
margin: 0rpx 8rpx 0rpx 0rpx;
}
.myOrder_fd2_9_c2 {
margin: 40rpx 24rpx 40rpx 24rpx;
}
.myOrder_fd2_9_c1_c0_c4_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_9_c1_c0_c4_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_9_c1_c0_c4 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_9_c1_c0_c3_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_9_c1_c0_c3_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_9_c1_c0_c3 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_9_c1_c0_c2_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_9_c1_c0_c2_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_9_c1_c0_c2 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_9_c1_c0_c1_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_9_c1_c0_c1_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_9_c1_c0_c1 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_9_c1_c0_c0_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_9_c1_c0_c0_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_9_c1_c0_c0 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_9_c1_c0 {
touch-action: none;
width: 670rpx;
}
.myOrder_fd2_9_c1 {
margin: 0rpx 0rpx 0rpx 24rpx;
}
.myOrder_fd2_9_c0_c1 {
margin: 0rpx 0rpx 0rpx 8rpx;
font-size: 28rpx;
font-weight: 500;
color: rgba(254, 116, 29, 1);
}
.myOrder_fd2_9_c0_c0_c3_c0 {
color: #FFFFFF;
font-size: 24rpx;
font-weight: 400;
line-height: 40rpx;
}
.myOrder_fd2_9_c0_c0_c3 {
background: rgba(254, 116, 29, 1);
width: 81rpx;
height: 40rpx;
background-size: 100% auto !important;
border-radius: 8rpx 8rpx 8rpx 8rpx;
margin: 0rpx 0rpx 0rpx 8rpx;
}
.myOrder_fd2_9_c0_c0_c2 {
width: 12rpx;
height: 22rpx;
margin: 0rpx 0rpx 0rpx 16rpx;
}
.myOrder_fd2_9_c0_c0_c1 {
margin: 0rpx 0rpx 0rpx 16rpx;
font-size: 32rpx;
font-weight: 500;
color: #333333;
max-width: 450rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
line-height: 32rpx;
}
.myOrder_fd2_9_c0_c0_c0 {
width: 56rpx;
height: 56rpx;
}
.myOrder_fd2_9_c0 {
margin: 0rpx 24rpx 32rpx 24rpx;
}
.myOrder_fd2_9 {
background: rgba(255, 255, 255, 1);
border-radius: 16rpx 16rpx 16rpx 16rpx;
padding: 32rpx 0rpx 32rpx 0rpx;
margin: 0rpx 0rpx 24rpx 0rpx;
background-size: 100% auto !important;
}
.myOrder_fd2_8_c3_c0_c0 {
background: rgba(246, 247, 249, 1);
border-radius: 36rpx 36rpx 36rpx 36rpx;
font-size: 24rpx;
color: rgba(51, 51, 51, 1);
width: 148rpx;
height: 56rpx;
font-weight: 400;
margin: 0rpx 24rpx 0rpx 0rpx;
}
.myOrder_fd2_8_c2_c1_c2 {
color: #FF3434;
font-size: 32rpx;
font-weight: 700;
line-height: 32rpx;
}
.myOrder_fd2_8_c2_c1_c1 {
color: #FF3434;
font-size: 22rpx;
font-weight: 700;
line-height: 27rpx;
}
.myOrder_fd2_8_c2_c1_c0 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_8_c2_c0_c2 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_8_c2_c0_c1 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_8_c2_c0_c0 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_8_c2_c0 {
margin: 0rpx 8rpx 0rpx 0rpx;
}
.myOrder_fd2_8_c2 {
margin: 40rpx 24rpx 40rpx 24rpx;
}
.myOrder_fd2_8_c1_c0_c4_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_8_c1_c0_c4_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_8_c1_c0_c4 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_8_c1_c0_c3_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_8_c1_c0_c3_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_8_c1_c0_c3 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_8_c1_c0_c2_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_8_c1_c0_c2_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_8_c1_c0_c2 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_8_c1_c0_c1_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_8_c1_c0_c1_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_8_c1_c0_c1 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_8_c1_c0_c0_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_8_c1_c0_c0_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_8_c1_c0_c0 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_8_c1_c0 {
touch-action: none;
width: 670rpx;
}
.myOrder_fd2_8_c1 {
margin: 0rpx 0rpx 0rpx 24rpx;
}
.myOrder_fd2_8_c0_c1 {
margin: 0rpx 0rpx 0rpx 8rpx;
font-size: 28rpx;
font-weight: 500;
color: rgba(254, 116, 29, 1);
}
.myOrder_fd2_8_c0_c0_c2 {
width: 12rpx;
height: 22rpx;
margin: 0rpx 0rpx 0rpx 16rpx;
}
.myOrder_fd2_8_c0_c0_c1 {
margin: 0rpx 0rpx 0rpx 16rpx;
font-size: 32rpx;
font-weight: 500;
color: #333333;
max-width: 450rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
line-height: 32rpx;
}
.myOrder_fd2_8_c0_c0_c0 {
width: 56rpx;
height: 56rpx;
}
.myOrder_fd2_8_c0 {
margin: 0rpx 24rpx 32rpx 24rpx;
}
.myOrder_fd2_8 {
background: rgba(255, 255, 255, 1);
border-radius: 16rpx 16rpx 16rpx 16rpx;
padding: 32rpx 0rpx 32rpx 0rpx;
margin: 0rpx 0rpx 24rpx 0rpx;
background-size: 100% auto !important;
}
.myOrder_fd2_7_c3_c0_c0 {
background: rgba(246, 247, 249, 1);
border-radius: 36rpx 36rpx 36rpx 36rpx;
font-size: 24rpx;
color: rgba(51, 51, 51, 1);
width: 148rpx;
height: 56rpx;
font-weight: 400;
margin: 0rpx 24rpx 0rpx 0rpx;
}
.myOrder_fd2_7_c2_c1_c2 {
color: #FF3434;
font-size: 32rpx;
font-weight: 700;
line-height: 32rpx;
}
.myOrder_fd2_7_c2_c1_c1 {
color: #FF3434;
font-size: 22rpx;
font-weight: 700;
line-height: 27rpx;
}
.myOrder_fd2_7_c2_c1_c0 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_7_c2_c0_c2 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_7_c2_c0_c1 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_7_c2_c0_c0 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_7_c2_c0 {
margin: 0rpx 8rpx 0rpx 0rpx;
}
.myOrder_fd2_7_c2 {
margin: 40rpx 24rpx 40rpx 24rpx;
}
.myOrder_fd2_7_c1_c0_c4_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_7_c1_c0_c4_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_7_c1_c0_c4 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_7_c1_c0_c3_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_7_c1_c0_c3_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_7_c1_c0_c3 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_7_c1_c0_c2_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_7_c1_c0_c2_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_7_c1_c0_c2 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_7_c1_c0_c1_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_7_c1_c0_c1_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_7_c1_c0_c1 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_7_c1_c0_c0_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_7_c1_c0_c0_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_7_c1_c0_c0 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_7_c1_c0 {
touch-action: none;
width: 670rpx;
}
.myOrder_fd2_7_c1 {
margin: 0rpx 0rpx 0rpx 24rpx;
}
.myOrder_fd2_7_c0_c1 {
margin: 0rpx 0rpx 0rpx 8rpx;
font-size: 28rpx;
font-weight: 500;
color: rgba(254, 116, 29, 1);
}
.myOrder_fd2_7_c0_c0_c2 {
width: 12rpx;
height: 22rpx;
margin: 0rpx 0rpx 0rpx 16rpx;
}
.myOrder_fd2_7_c0_c0_c1 {
margin: 0rpx 0rpx 0rpx 16rpx;
font-size: 32rpx;
font-weight: 500;
color: #333333;
max-width: 450rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
line-height: 32rpx;
}
.myOrder_fd2_7_c0_c0_c0 {
width: 56rpx;
height: 56rpx;
}
.myOrder_fd2_7_c0 {
margin: 0rpx 24rpx 32rpx 24rpx;
}
.myOrder_fd2_7 {
background: rgba(255, 255, 255, 1);
border-radius: 16rpx 16rpx 16rpx 16rpx;
padding: 32rpx 0rpx 32rpx 0rpx;
margin: 0rpx 0rpx 24rpx 0rpx;
background-size: 100% auto !important;
}
.myOrder_fd2_6_c3_c0_c0 {
background: rgba(246, 247, 249, 1);
border-radius: 36rpx 36rpx 36rpx 36rpx;
font-size: 24rpx;
color: rgba(51, 51, 51, 1);
width: 148rpx;
height: 56rpx;
font-weight: 400;
margin: 0rpx 24rpx 0rpx 0rpx;
}
.myOrder_fd2_6_c2_c1_c2 {
color: #FF3434;
font-size: 32rpx;
font-weight: 700;
line-height: 32rpx;
}
.myOrder_fd2_6_c2_c1_c1 {
color: #FF3434;
font-size: 22rpx;
font-weight: 700;
line-height: 27rpx;
}
.myOrder_fd2_6_c2_c1_c0 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_6_c2_c0_c2 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_6_c2_c0_c1 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_6_c2_c0_c0 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_6_c2_c0 {
margin: 0rpx 8rpx 0rpx 0rpx;
}
.myOrder_fd2_6_c2 {
margin: 40rpx 24rpx 40rpx 24rpx;
}
.myOrder_fd2_6_c1_c0_c4_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_6_c1_c0_c4_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_6_c1_c0_c4 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_6_c1_c0_c3_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_6_c1_c0_c3_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_6_c1_c0_c3 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_6_c1_c0_c2_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_6_c1_c0_c2_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_6_c1_c0_c2 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_6_c1_c0_c1_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_6_c1_c0_c1_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_6_c1_c0_c1 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_6_c1_c0_c0_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_6_c1_c0_c0_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_6_c1_c0_c0 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_6_c1_c0 {
touch-action: none;
width: 670rpx;
}
.myOrder_fd2_6_c1 {
margin: 0rpx 0rpx 0rpx 24rpx;
}
.myOrder_fd2_6_c0_c1 {
margin: 0rpx 0rpx 0rpx 8rpx;
font-size: 28rpx;
font-weight: 500;
color: rgba(254, 116, 29, 1);
}
.myOrder_fd2_6_c0_c0_c2 {
width: 12rpx;
height: 22rpx;
margin: 0rpx 0rpx 0rpx 16rpx;
}
.myOrder_fd2_6_c0_c0_c1 {
margin: 0rpx 0rpx 0rpx 16rpx;
font-size: 32rpx;
font-weight: 500;
color: #333333;
max-width: 450rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
line-height: 32rpx;
}
.myOrder_fd2_6_c0_c0_c0 {
width: 56rpx;
height: 56rpx;
}
.myOrder_fd2_6_c0 {
margin: 0rpx 24rpx 32rpx 24rpx;
}
.myOrder_fd2_6 {
background: rgba(255, 255, 255, 1);
border-radius: 16rpx 16rpx 16rpx 16rpx;
padding: 32rpx 0rpx 32rpx 0rpx;
margin: 0rpx 0rpx 24rpx 0rpx;
background-size: 100% auto !important;
}
.myOrder_fd2_5_c3_c0_c0 {
background: rgba(246, 247, 249, 1);
border-radius: 36rpx 36rpx 36rpx 36rpx;
font-size: 24rpx;
color: rgba(51, 51, 51, 1);
width: 148rpx;
height: 56rpx;
font-weight: 400;
margin: 0rpx 24rpx 0rpx 0rpx;
}
.myOrder_fd2_5_c2_c1_c2 {
color: #FF3434;
font-size: 32rpx;
font-weight: 700;
line-height: 32rpx;
}
.myOrder_fd2_5_c2_c1_c1 {
color: #FF3434;
font-size: 22rpx;
font-weight: 700;
line-height: 27rpx;
}
.myOrder_fd2_5_c2_c1_c0 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_5_c2_c0_c2 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_5_c2_c0_c1 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_5_c2_c0_c0 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_5_c2_c0 {
margin: 0rpx 8rpx 0rpx 0rpx;
}
.myOrder_fd2_5_c2 {
margin: 40rpx 24rpx 40rpx 24rpx;
}
.myOrder_fd2_5_c1_c0_c4_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_5_c1_c0_c4_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_5_c1_c0_c4 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_5_c1_c0_c3_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_5_c1_c0_c3_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_5_c1_c0_c3 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_5_c1_c0_c2_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_5_c1_c0_c2_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_5_c1_c0_c2 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_5_c1_c0_c1_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_5_c1_c0_c1_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_5_c1_c0_c1 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_5_c1_c0_c0_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_5_c1_c0_c0_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_5_c1_c0_c0 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_5_c1_c0 {
touch-action: none;
width: 670rpx;
}
.myOrder_fd2_5_c1 {
margin: 0rpx 0rpx 0rpx 24rpx;
}
.myOrder_fd2_5_c0_c1 {
margin: 0rpx 0rpx 0rpx 8rpx;
font-size: 28rpx;
font-weight: 500;
color: rgba(254, 116, 29, 1);
}
.myOrder_fd2_5_c0_c0_c2 {
width: 12rpx;
height: 22rpx;
margin: 0rpx 0rpx 0rpx 16rpx;
}
.myOrder_fd2_5_c0_c0_c1 {
margin: 0rpx 0rpx 0rpx 16rpx;
font-size: 32rpx;
font-weight: 500;
color: #333333;
max-width: 450rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
line-height: 32rpx;
}
.myOrder_fd2_5_c0_c0_c0 {
width: 56rpx;
height: 56rpx;
}
.myOrder_fd2_5_c0 {
margin: 0rpx 24rpx 32rpx 24rpx;
}
.myOrder_fd2_5 {
background: rgba(255, 255, 255, 1);
border-radius: 16rpx 16rpx 16rpx 16rpx;
padding: 32rpx 0rpx 32rpx 0rpx;
margin: 0rpx 0rpx 24rpx 0rpx;
background-size: 100% auto !important;
}
.myOrder_fd2_4_c3_c0_c0 {
background: rgba(246, 247, 249, 1);
border-radius: 36rpx 36rpx 36rpx 36rpx;
font-size: 24rpx;
color: rgba(51, 51, 51, 1);
width: 148rpx;
height: 56rpx;
font-weight: 400;
margin: 0rpx 24rpx 0rpx 0rpx;
}
.myOrder_fd2_4_c2_c1_c2 {
color: #FF3434;
font-size: 32rpx;
font-weight: 700;
line-height: 32rpx;
}
.myOrder_fd2_4_c2_c1_c1 {
color: #FF3434;
font-size: 22rpx;
font-weight: 700;
line-height: 27rpx;
}
.myOrder_fd2_4_c2_c1_c0 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_4_c2_c0_c2 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_4_c2_c0_c1 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_4_c2_c0_c0 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_4_c2_c0 {
margin: 0rpx 8rpx 0rpx 0rpx;
}
.myOrder_fd2_4_c2 {
margin: 40rpx 24rpx 40rpx 24rpx;
}
.myOrder_fd2_4_c1_c0_c4_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_4_c1_c0_c4_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_4_c1_c0_c4 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_4_c1_c0_c3_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_4_c1_c0_c3_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_4_c1_c0_c3 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_4_c1_c0_c2_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_4_c1_c0_c2_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_4_c1_c0_c2 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_4_c1_c0_c1_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_4_c1_c0_c1_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_4_c1_c0_c1 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_4_c1_c0_c0_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_4_c1_c0_c0_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_4_c1_c0_c0 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_4_c1_c0 {
touch-action: none;
width: 670rpx;
}
.myOrder_fd2_4_c1 {
margin: 0rpx 0rpx 0rpx 24rpx;
}
.myOrder_fd2_4_c0_c1 {
margin: 0rpx 0rpx 0rpx 8rpx;
font-size: 28rpx;
font-weight: 500;
color: rgba(254, 116, 29, 1);
}
.myOrder_fd2_4_c0_c0_c2 {
width: 12rpx;
height: 22rpx;
margin: 0rpx 0rpx 0rpx 16rpx;
}
.myOrder_fd2_4_c0_c0_c1 {
margin: 0rpx 0rpx 0rpx 16rpx;
font-size: 32rpx;
font-weight: 500;
color: #333333;
max-width: 450rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
line-height: 32rpx;
}
.myOrder_fd2_4_c0_c0_c0 {
width: 56rpx;
height: 56rpx;
}
.myOrder_fd2_4_c0 {
margin: 0rpx 24rpx 32rpx 24rpx;
}
.myOrder_fd2_4 {
background: rgba(255, 255, 255, 1);
border-radius: 16rpx 16rpx 16rpx 16rpx;
padding: 32rpx 0rpx 32rpx 0rpx;
margin: 0rpx 0rpx 24rpx 0rpx;
background-size: 100% auto !important;
}
.myOrder_fd2_3_c3_c0_c0 {
background: rgba(246, 247, 249, 1);
border-radius: 36rpx 36rpx 36rpx 36rpx;
font-size: 24rpx;
color: rgba(51, 51, 51, 1);
width: 148rpx;
height: 56rpx;
font-weight: 400;
margin: 0rpx 24rpx 0rpx 0rpx;
}
.myOrder_fd2_3_c2_c1_c2 {
color: #FF3434;
font-size: 32rpx;
font-weight: 700;
line-height: 32rpx;
}
.myOrder_fd2_3_c2_c1_c1 {
color: #FF3434;
font-size: 22rpx;
font-weight: 700;
line-height: 27rpx;
}
.myOrder_fd2_3_c2_c1_c0 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_3_c2_c0_c2 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_3_c2_c0_c1 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_3_c2_c0_c0 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_3_c2_c0 {
margin: 0rpx 8rpx 0rpx 0rpx;
}
.myOrder_fd2_3_c2 {
margin: 40rpx 24rpx 40rpx 24rpx;
}
.myOrder_fd2_3_c1_c0_c4_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_3_c1_c0_c4_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_3_c1_c0_c4 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_3_c1_c0_c3_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_3_c1_c0_c3_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_3_c1_c0_c3 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_3_c1_c0_c2_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_3_c1_c0_c2_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_3_c1_c0_c2 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_3_c1_c0_c1_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_3_c1_c0_c1_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_3_c1_c0_c1 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_3_c1_c0_c0_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_3_c1_c0_c0_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_3_c1_c0_c0 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_3_c1_c0 {
touch-action: none;
width: 670rpx;
}
.myOrder_fd2_3_c1 {
margin: 0rpx 0rpx 0rpx 24rpx;
}
.myOrder_fd2_3_c0_c1 {
margin: 0rpx 0rpx 0rpx 8rpx;
font-size: 28rpx;
font-weight: 500;
color: rgba(254, 116, 29, 1);
}
.myOrder_fd2_3_c0_c0_c2 {
width: 12rpx;
height: 22rpx;
margin: 0rpx 0rpx 0rpx 16rpx;
}
.myOrder_fd2_3_c0_c0_c1 {
margin: 0rpx 0rpx 0rpx 16rpx;
font-size: 32rpx;
font-weight: 500;
color: #333333;
max-width: 450rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
line-height: 32rpx;
}
.myOrder_fd2_3_c0_c0_c0 {
width: 56rpx;
height: 56rpx;
}
.myOrder_fd2_3_c0 {
margin: 0rpx 24rpx 32rpx 24rpx;
}
.myOrder_fd2_3 {
background: rgba(255, 255, 255, 1);
border-radius: 16rpx 16rpx 16rpx 16rpx;
padding: 32rpx 0rpx 32rpx 0rpx;
margin: 0rpx 0rpx 24rpx 0rpx;
background-size: 100% auto !important;
}
.myOrder_fd2_2_c3_c0_c0 {
background: rgba(255, 147, 0, 1);
border-radius: 36rpx 36rpx 36rpx 36rpx;
font-size: 24rpx;
color: rgba(255, 255, 255, 1);
width: 148rpx;
height: 56rpx;
font-weight: 400;
margin: 0rpx 24rpx 0rpx 0rpx;
}
.myOrder_fd2_2_c2_c1_c2 {
color: #FF3434;
font-size: 32rpx;
font-weight: 700;
line-height: 32rpx;
}
.myOrder_fd2_2_c2_c1_c1 {
color: #FF3434;
font-size: 22rpx;
font-weight: 700;
line-height: 27rpx;
}
.myOrder_fd2_2_c2_c1_c0 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_2_c2_c0_c2 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_2_c2_c0_c1 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_2_c2_c0_c0 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_2_c2_c0 {
margin: 0rpx 8rpx 0rpx 0rpx;
}
.myOrder_fd2_2_c2 {
margin: 40rpx 24rpx 40rpx 24rpx;
}
.myOrder_fd2_2_c1_c0_c4_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_2_c1_c0_c4_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_2_c1_c0_c4 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_2_c1_c0_c3_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_2_c1_c0_c3_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_2_c1_c0_c3 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_2_c1_c0_c2_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_2_c1_c0_c2_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_2_c1_c0_c2 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_2_c1_c0_c1_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_2_c1_c0_c1_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_2_c1_c0_c1 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_2_c1_c0_c0_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_2_c1_c0_c0_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_2_c1_c0_c0 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_2_c1_c0 {
touch-action: none;
width: 670rpx;
}
.myOrder_fd2_2_c1 {
margin: 0rpx 0rpx 0rpx 24rpx;
}
.myOrder_fd2_2_c0_c1 {
margin: 0rpx 0rpx 0rpx 8rpx;
font-size: 28rpx;
font-weight: 500;
color: rgba(254, 116, 29, 1);
}
.myOrder_fd2_2_c0_c0_c2 {
width: 12rpx;
height: 22rpx;
margin: 0rpx 0rpx 0rpx 16rpx;
}
.myOrder_fd2_2_c0_c0_c1 {
margin: 0rpx 0rpx 0rpx 16rpx;
font-size: 32rpx;
font-weight: 500;
color: #333333;
max-width: 450rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
line-height: 32rpx;
}
.myOrder_fd2_2_c0_c0_c0 {
width: 56rpx;
height: 56rpx;
}
.myOrder_fd2_2_c0 {
margin: 0rpx 24rpx 32rpx 24rpx;
}
.myOrder_fd2_2 {
background: rgba(255, 255, 255, 1);
border-radius: 16rpx 16rpx 16rpx 16rpx;
padding: 32rpx 0rpx 32rpx 0rpx;
margin: 0rpx 0rpx 24rpx 0rpx;
background-size: 100% auto !important;
}
.myOrder_fd2_1_c3_c1_c0 {
background: rgba(255, 147, 0, 1);
border-radius: 36rpx 36rpx 36rpx 36rpx;
font-size: 24rpx;
color: rgba(255, 255, 255, 1);
width: 148rpx;
height: 56rpx;
font-weight: 400;
margin: 0rpx 24rpx 0rpx 0rpx;
}
.myOrder_fd2_1_c3_c0_c1_c7 {
color: #FF3434;
font-size: 24rpx;
font-weight: 400;
line-height: 48rpx;
}
.myOrder_fd2_1_c3_c0_c1_c6 {
color: #FF3434;
font-size: 24rpx;
font-weight: 400;
line-height: 48rpx;
}
.myOrder_fd2_1_c3_c0_c1_c5 {
color: #FF3434;
font-size: 24rpx;
font-weight: 400;
line-height: 48rpx;
}
.myOrder_fd2_1_c3_c0_c1_c4 {
color: #FF3434;
font-size: 24rpx;
font-weight: 400;
line-height: 48rpx;
}
.myOrder_fd2_1_c3_c0_c1_c3 {
color: #FF3434;
font-size: 24rpx;
font-weight: 400;
line-height: 48rpx;
}
.myOrder_fd2_1_c3_c0_c1_c2 {
color: #FF3434;
font-size: 24rpx;
font-weight: 400;
line-height: 48rpx;
}
.myOrder_fd2_1_c3_c0_c0 {
color: #FF3434;
font-size: 24rpx;
font-weight: 400;
line-height: 48rpx;
margin: 0rpx 8rpx 0rpx 0rpx;
}
.myOrder_fd2_1_c3_c0 {
background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/24.png) no-repeat, #eee;
width: 302rpx;
height: 48rpx;
background-size: 100% auto !important;
}
.myOrder_fd2_1_c2_c1_c2 {
color: #FF3434;
font-size: 32rpx;
font-weight: 700;
line-height: 32rpx;
}
.myOrder_fd2_1_c2_c1_c1 {
color: #FF3434;
font-size: 22rpx;
font-weight: 700;
line-height: 27rpx;
}
.myOrder_fd2_1_c2_c1_c0 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_1_c2_c0_c2 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_1_c2_c0_c1 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_1_c2_c0_c0 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_1_c2_c0 {
margin: 0rpx 8rpx 0rpx 0rpx;
}
.myOrder_fd2_1_c2 {
margin: 40rpx 24rpx 40rpx 24rpx;
}
.myOrder_fd2_1_c1_c0_c4_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_1_c1_c0_c4_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_1_c1_c0_c4 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_1_c1_c0_c3_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_1_c1_c0_c3_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_1_c1_c0_c3 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_1_c1_c0_c2_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_1_c1_c0_c2_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_1_c1_c0_c2 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_1_c1_c0_c1_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_1_c1_c0_c1_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_1_c1_c0_c1 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_1_c1_c0_c0_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_1_c1_c0_c0_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_1_c1_c0_c0 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_1_c1_c0 {
touch-action: none;
width: 670rpx;
}
.myOrder_fd2_1_c1 {
margin: 0rpx 0rpx 0rpx 24rpx;
}
.myOrder_fd2_1_c0_c1 {
margin: 0rpx 0rpx 0rpx 8rpx;
font-size: 28rpx;
font-weight: 500;
color: rgba(254, 116, 29, 1);
}
.myOrder_fd2_1_c0_c0_c3_c0 {
color: #FFFFFF;
font-size: 24rpx;
font-weight: 400;
line-height: 40rpx;
}
.myOrder_fd2_1_c0_c0_c3 {
background: rgba(254, 116, 29, 1);
width: 81rpx;
height: 40rpx;
background-size: 100% auto !important;
border-radius: 8rpx 8rpx 8rpx 8rpx;
margin: 0rpx 0rpx 0rpx 8rpx;
}
.myOrder_fd2_1_c0_c0_c2 {
width: 12rpx;
height: 22rpx;
margin: 0rpx 0rpx 0rpx 16rpx;
}
.myOrder_fd2_1_c0_c0_c1 {
margin: 0rpx 0rpx 0rpx 16rpx;
font-size: 32rpx;
font-weight: 500;
color: #333333;
max-width: 450rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
line-height: 32rpx;
}
.myOrder_fd2_1_c0_c0_c0 {
width: 56rpx;
height: 56rpx;
}
.myOrder_fd2_1_c0 {
margin: 0rpx 24rpx 32rpx 24rpx;
}
.myOrder_fd2_1 {
background: rgba(255, 255, 255, 1);
border-radius: 16rpx 16rpx 16rpx 16rpx;
padding: 32rpx 0rpx 32rpx 0rpx;
margin: 0rpx 0rpx 24rpx 0rpx;
background-size: 100% auto !important;
}
.myOrder_fd2_0_c3_c1_c1 {
background: rgba(255, 147, 0, 1);
border-radius: 36rpx 36rpx 36rpx 36rpx;
font-size: 24rpx;
color: rgba(255, 255, 255, 1);
width: 148rpx;
height: 56rpx;
font-weight: 400;
margin: 0rpx 24rpx 0rpx 0rpx;
}
.myOrder_fd2_0_c3_c1_c0 {
background: rgba(246, 247, 249, 1);
border-radius: 36rpx 36rpx 36rpx 36rpx;
font-size: 24rpx;
color: rgba(51, 51, 51, 1);
width: 148rpx;
height: 56rpx;
font-weight: 400;
margin: 0rpx 24rpx 0rpx 0rpx;
}
.myOrder_fd2_0_c3_c0_c1_c7 {
color: #FF3434;
font-size: 24rpx;
font-weight: 400;
line-height: 48rpx;
}
.myOrder_fd2_0_c3_c0_c1_c6 {
color: #FF3434;
font-size: 24rpx;
font-weight: 400;
line-height: 48rpx;
}
.myOrder_fd2_0_c3_c0_c1_c5 {
color: #FF3434;
font-size: 24rpx;
font-weight: 400;
line-height: 48rpx;
}
.myOrder_fd2_0_c3_c0_c1_c4 {
color: #FF3434;
font-size: 24rpx;
font-weight: 400;
line-height: 48rpx;
}
.myOrder_fd2_0_c3_c0_c1_c3 {
color: #FF3434;
font-size: 24rpx;
font-weight: 400;
line-height: 48rpx;
}
.myOrder_fd2_0_c3_c0_c1_c2 {
color: #FF3434;
font-size: 24rpx;
font-weight: 400;
line-height: 48rpx;
}
.myOrder_fd2_0_c3_c0_c0 {
color: #FF3434;
font-size: 24rpx;
font-weight: 400;
line-height: 48rpx;
margin: 0rpx 8rpx 0rpx 0rpx;
}
.myOrder_fd2_0_c3_c0 {
background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/24.png) no-repeat, #eee;
width: 302rpx;
height: 48rpx;
background-size: 100% auto !important;
}
.myOrder_fd2_0_c2_c1_c2 {
color: #FF3434;
font-size: 32rpx;
font-weight: 700;
line-height: 32rpx;
}
.myOrder_fd2_0_c2_c1_c1 {
color: #FF3434;
font-size: 22rpx;
font-weight: 700;
line-height: 27rpx;
}
.myOrder_fd2_0_c2_c1_c0 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_0_c2_c0_c2 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_0_c2_c0_c1 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_0_c2_c0_c0 {
color: #333333;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.myOrder_fd2_0_c2_c0 {
margin: 0rpx 8rpx 0rpx 0rpx;
}
.myOrder_fd2_0_c2 {
margin: 40rpx 24rpx 40rpx 24rpx;
}
.myOrder_fd2_0_c1_c0_c4_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_0_c1_c0_c4_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_0_c1_c0_c4 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_0_c1_c0_c3_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_0_c1_c0_c3_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_0_c1_c0_c3 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_0_c1_c0_c2_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_0_c1_c0_c2_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_0_c1_c0_c2 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_0_c1_c0_c1_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_0_c1_c0_c1_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_0_c1_c0_c1 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_0_c1_c0_c0_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
max-width: 148rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_0_c1_c0_c0_c0 {
width: 148rpx;
height: 120rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd2_0_c1_c0_c0 {
width: 148rpx;
margin: 0rpx 10rpx 0rpx 0rpx;
}
.myOrder_fd2_0_c1_c0 {
touch-action: none;
width: 670rpx;
}
.myOrder_fd2_0_c1 {
margin: 0rpx 0rpx 0rpx 24rpx;
}
.myOrder_fd2_0_c0_c1 {
margin: 0rpx 0rpx 0rpx 8rpx;
font-size: 28rpx;
font-weight: 500;
color: rgba(254, 116, 29, 1);
}
.myOrder_fd2_0_c0_c0_c2 {
width: 12rpx;
height: 22rpx;
margin: 0rpx 0rpx 0rpx 16rpx;
}
.myOrder_fd2_0_c0_c0_c1 {
margin: 0rpx 0rpx 0rpx 16rpx;
font-size: 32rpx;
font-weight: 500;
color: #333333;
max-width: 450rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
line-height: 32rpx;
}
.myOrder_fd2_0_c0_c0_c0 {
width: 56rpx;
height: 56rpx;
}
.myOrder_fd2_0_c0 {
margin: 0rpx 24rpx 32rpx 24rpx;
}
.myOrder_fd2_0 {
background: rgba(255, 255, 255, 1);
border-radius: 16rpx 16rpx 16rpx 16rpx;
padding: 32rpx 0rpx 32rpx 0rpx;
margin: 0rpx 0rpx 24rpx 0rpx;
background-size: 100% auto !important;
}
.myOrder_flex_3 {
background: #fff;
width: 540rpx;
border-radius: 16rpx 16rpx 16rpx 16rpx;
}
.myOrder_fd3_2_c1 {
border-top: 1px solid #eee;
border-left: 1px solid #eee;
background: #fff;
line-height: 110rpx;
border-radius: 0rpx 0rpx 16rpx 0rpx;
font-size: 32rpx;
color: rgba(255, 147, 0, 1);
width: 270rpx;
}
.myOrder_fd3_2_c0 {
border-top: 1px solid #eee;
background: #fff;
line-height: 110rpx;
border-radius: 0rpx 0rpx 0rpx 16rpx;
font-size: 32rpx;
color: rgba(153, 153, 153, 1);
padding: 0rpx 103rpx 0rpx 103rpx;
}
.myOrder_fd3_2 {
margin: 37rpx 0rpx 0rpx 0rpx;
}
.myOrder_fd3_1 {
line-height: 44rpx;
font-size: 32rpx;
font-weight: 500;
color: #333333;
}
.myOrder_fd3_0 {
font-size: 36rpx;
font-weight: 800;
line-height: 44rpx;
color: #333333;
margin: 40rpx 0rpx 40rpx 0rpx;
}
</style>