117 lines
4.0 KiB
Vue
117 lines
4.0 KiB
Vue
<template>
|
||
<view class="page flex-col">
|
||
<view class="box_4 flex-col">
|
||
<view class="section_1 flex-col">
|
||
<view class="section_7 flex-row"></view>
|
||
<view class="section_8 flex-row">
|
||
<text class="text_2">我的订单</text>
|
||
</view>
|
||
</view>
|
||
<view class="text-wrapper_9 flex-row justify-between">
|
||
<text class="text_17">全部</text>
|
||
<text class="text_18">待支付</text>
|
||
<text class="text_19">进行中</text>
|
||
<text class="text_20">已完成</text>
|
||
<text class="text_21">退款单</text>
|
||
</view>
|
||
</view>
|
||
<view class="box_5 flex-col">
|
||
<view class="section_4 flex-col">
|
||
<view class="group_3 flex-row justify-between">
|
||
<view class="text-group_3 flex-col justify-between">
|
||
<text class="text_6">华安餐饮店</text>
|
||
<text class="text_7">下单日期：2023-09-05 09:05:47</text>
|
||
</view>
|
||
<view class="section_9 flex-col justify-between">
|
||
<view class="text-wrapper_4 flex-col">
|
||
<text class="text_8">已完成</text>
|
||
</view>
|
||
<view class="text-wrapper_10 flex-row justify-between">
|
||
<text class="text_9">¥</text>
|
||
<text class="text_10">78.0</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="group_4 flex-row">
|
||
<view class="text-wrapper_6 flex-col">
|
||
<text class="text_11">开发票</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="list_2 flex-col">
|
||
<view
|
||
class="list-items_1 flex-row justify-end"
|
||
v-for="(item, index) in loopData0"
|
||
:key="index"
|
||
>
|
||
<view class="text-group_4 flex-col justify-between">
|
||
<text class="text_12" v-html="item.lanhutext0"></text>
|
||
<text class="text_13" v-html="item.lanhutext1"></text>
|
||
</view>
|
||
<view class="section_10 flex-col justify-between">
|
||
<view class="text-wrapper_7 flex-col">
|
||
<text
|
||
class="text_14"
|
||
:style="{ color: item.lanhufontColor2 }"
|
||
v-html="item.lanhutext2"
|
||
></text>
|
||
</view>
|
||
<view class="text-wrapper_11 flex-row justify-between">
|
||
<text class="text_15" v-html="item.lanhutext3"></text>
|
||
<text class="text_16" v-html="item.lanhutext4"></text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="section_6 flex-col justify-end">
|
||
<view class="group_5 flex-row justify-between"></view>
|
||
<image
|
||
class="image_4"
|
||
referrerpolicy="no-referrer"
|
||
src="https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNGe0d56b7debf0486f50a80459dcd82228.png"
|
||
/>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
loopData0: [
|
||
{
|
||
lanhutext0: '华安餐饮店',
|
||
lanhutext1: '下单日期：2023-09-05 09:05:47',
|
||
lanhutext2: '进行中',
|
||
lanhufontColor2: 'rgba(68,68,68,1.000000)',
|
||
lanhutext3: '¥',
|
||
lanhutext4: '78.0',
|
||
},
|
||
{
|
||
lanhutext0: '华安餐饮店',
|
||
lanhutext1: '下单日期：2023-09-05 09:05:47',
|
||
lanhutext2: '退款中',
|
||
lanhufontColor2: 'rgba(232,170,0,1.000000)',
|
||
lanhutext3: '¥',
|
||
lanhutext4: '78.0',
|
||
},
|
||
{
|
||
lanhutext0: '华安餐饮店',
|
||
lanhutext1: '下单日期：2023-09-05 09:05:47',
|
||
lanhutext2: '未支付',
|
||
lanhufontColor2: 'rgba(68,68,68,1.000000)',
|
||
lanhutext3: '¥',
|
||
lanhutext4: '78.0',
|
||
},
|
||
],
|
||
constants: {},
|
||
};
|
||
},
|
||
methods: {},
|
||
};
|
||
</script>
|
||
<style>
|
||
@import './common.css';
|
||
@import './index.rpx.css';
|
||
</style>
|
||
|