<template>
	<view class="contioner">
		<view class="header">
			<view class="headeritem" @click="qiehuan(1)">
				<text class="headeritemtitle">全部</text>
				<view class="headerimg" v-if="flage==1">
					<image src="../../static/bcimg/oder.png" mode=""></image>
				</view>
			</view>
			<view class="headeritem" @click="qiehuan(2)">
				<text class="headeritemtitle">待支付</text>
				<view class="headerimg" v-if="flage==2">
					<image src="../../static/bcimg/oder.png" mode=""></image>
				</view>
			</view>
			<view class="headeritem" @click="qiehuan(3)">
				<text class="headeritemtitle">已支付</text>
				<view class="headerimg" v-if="flage==3">
					<image src="../../static/bcimg/oder.png" mode=""></image>
				</view>
			</view>
			<view class="headeritem" @click="qiehuan(4)">
				<text class="headeritemtitle">取消</text>
				<view class="headerimg" v-if="flage==4">
					<image src="../../static/bcimg/oder.png" mode=""></image>
				</view>
			</view>
		</view>
		<view class="content">
			<view class="contentitem" @click="gomyorder">
				<view class="item-header">
					<view class="itemimg">
						<image src="../../static/bcimg/bc.jpeg" mode=""></image>
					</view>
					<view class="itemcontent">
						<view class="itemcontentTitle">
							我是你爸爸考你阿妈的
						</view>
						<view class="CNM">
							<view class="craeImg">
								<image src="../../static/bcimg/bc.jpeg" mode=""></image>
							</view>
							<view class="craeImgname">
								天美工作室
							</view>
						</view>
						<view class="itemprice">

							<view class="proice">
								￥12800
							</view>
							<view class="status">
								代付款
							</view>
						</view>

					</view>
				</view>

				<view class="item-foot">
					<view :class="{buttonone:true}">
						邀请好友
					</view>
					<view class="button">
						邀请好友
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				flage: 1
			}
		},
		methods: {
			qiehuan(val){
				this.flage=val
			},
			gomyorder(){
				uni.navigateTo({
					url:'../orderxq/orderxq'
				})
			}
		}
	}
</script>

<style lang="scss">
	@import "./myorder.scss"
</style>
