You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
139 lines
4.6 KiB
139 lines
4.6 KiB
<template>
|
|
<view class="page flex-col">
|
|
<view class="box_1 flex-col">
|
|
|
|
<view class="tabs_1 flex-col">
|
|
<view class="text-wrapper_1 flex-row justify-between">
|
|
<text class="text_2">全部</text>
|
|
<text class="text_3">待付款(1)</text>
|
|
<text class="text_4">待发货(3)</text>
|
|
<text class="text_5">已完成(2)</text>
|
|
</view>
|
|
<view class="box_2 flex-row"><view class="box_3 flex-col"></view></view>
|
|
</view>
|
|
<view class="section_2 flex-col">
|
|
<view class="text-wrapper_2 flex-row justify-between">
|
|
<text class="text_6">订单编号：36878798978767</text>
|
|
<text class="text_7">待付款</text>
|
|
</view>
|
|
<view class="box_4 flex-row justify-between">
|
|
<view class="box_5 flex-col"></view>
|
|
<view class="box_6 flex-col">
|
|
<text class="paragraph_1">
|
|
牛肉套餐牛肉套餐牛肉套餐牛肉
|
|
<br />
|
|
套餐牛肉套餐
|
|
</text>
|
|
<text class="text_8">x1</text>
|
|
<view class="text-wrapper_3">
|
|
<text class="text_9">￥</text>
|
|
<text class="text_10">39</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="box_7 flex-row justify-between">
|
|
<text class="text_11">共1件商品</text>
|
|
<view class="text-wrapper_4">
|
|
<text class="text_12">总金额：￥</text>
|
|
<text class="text_13">39</text>
|
|
</view>
|
|
</view>
|
|
<button class="button_1 flex-col" @click="onClick_1">
|
|
<text class="text_14">立即付款</text>
|
|
</button>
|
|
</view>
|
|
<view class="section_3 flex-col">
|
|
<view class="text-wrapper_5 flex-row justify-between">
|
|
<text class="text_15">订单编号：36878798978767</text>
|
|
<text class="text_16">待发货</text>
|
|
</view>
|
|
<view class="box_8 flex-row justify-between">
|
|
<view class="box_9 flex-col"></view>
|
|
<view class="box_10 flex-col">
|
|
<text class="paragraph_2">
|
|
牛肉套餐牛肉套餐牛肉套餐牛肉
|
|
<br />
|
|
套餐牛肉套餐
|
|
</text>
|
|
<text class="text_17">x1</text>
|
|
<view class="text-wrapper_6">
|
|
<text class="text_18">￥</text>
|
|
<text class="text_19">39</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="box_11 flex-row justify-between">
|
|
<text class="text_20">共1件商品</text>
|
|
<view class="text-wrapper_7">
|
|
<text class="text_21">总金额：￥</text>
|
|
<text class="text_22">39</text>
|
|
</view>
|
|
</view>
|
|
<button class="button_2 flex-col" @click="onClick_2">
|
|
<text class="text_23">查看详情</text>
|
|
</button>
|
|
</view>
|
|
<view class="section_4 flex-col">
|
|
<view class="text-wrapper_8 flex-row justify-between">
|
|
<text class="text_24">订单编号：36878798978767</text>
|
|
<text class="text_25">已完成</text>
|
|
</view>
|
|
<view class="group_1 flex-row justify-between">
|
|
<view class="group_2 flex-col"></view>
|
|
<view class="group_3 flex-col">
|
|
<text class="paragraph_3">
|
|
牛肉套餐牛肉套餐牛肉套餐牛肉
|
|
<br />
|
|
套餐牛肉套餐
|
|
</text>
|
|
<text class="text_26">x1</text>
|
|
<view class="text-wrapper_9">
|
|
<text class="text_27">￥</text>
|
|
<text class="text_28">39</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="group_4 flex-row justify-between">
|
|
<text class="text_29">共1件商品</text>
|
|
<view class="text-wrapper_10">
|
|
<text class="text_30">总金额：￥</text>
|
|
<text class="text_31">39</text>
|
|
</view>
|
|
</view>
|
|
<button class="button_3 flex-col" @click="onClick_3">
|
|
<text class="text_32">查看详情</text>
|
|
</button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
constants: {}
|
|
};
|
|
},
|
|
onLoad() {
|
|
uni.setNavigationBarColor({
|
|
backgroundColor: '#802931', // 背景颜色
|
|
frontColor: '#ffffff' // 前景颜色（包括标题、返回图标等）
|
|
})
|
|
},
|
|
methods: {
|
|
onClick_1() {
|
|
alert(1);
|
|
},
|
|
onClick_2() {
|
|
alert(1);
|
|
},
|
|
onClick_3() {
|
|
alert(1);
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
<style lang='css'>
|
|
@import '../common/common.css';
|
|
@import './assets/style/index.rpx.css';
|
|
</style>
|
|
|