<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>
