<template>
	<view>
		<view class="index_box">
			
				<view class="onebox">
					<view class="onebox_one">
						<text class="onebox_one_text">我的订单</text>
						<view class="onebox_one_one flex-around">
							<view class="flex-colum" v-for="(item,index) in 4" :key="index" @click="order(index)">
								<text>待付款</text>
							</view>
						</view>
					</view>
				</view>
				<view class="towbox flex-between">
					<view class="towbox_item flex-start" v-for="(item,index) in 2">
						<image src="@/static/logo.png" mode=""></image>
						<view class="flex-colum">
							<text>余额</text>
							<view>0<text>元</text></view>
						</view>
					</view>
				</view>
				<view class="therebox">
					<view class="therebox_item flex-between" v-for="(item,index) in 3">
						<view class="flex-start">
							<image src="@/static/logo.png" mode=""></image>
							<text>优惠券</text>
						</view>
						<u-icon name="arrow-right" color="#9b9b9b" size="14"></u-icon>
					</view>
				</view>
			</view>

			<bottombbar :valuebbar='3'></bottombbar>
		</view>
</template>

<script>
	export default {
		data() {
			return {
				navtitle: '', //名称
				navboxshow: '0', //显示
				Background: 'none',
			}
		},
		methods: {
			order(e){
				uni.pro.navigateTo('my/order/index',{e:e})
			}
		}
	}
</script>

<style lang="scss">
	page {
		background: #F9F9F9;
	}

	.index_box {
		padding: 0 32rpx;
		width: 100%;
		height: 502rpx;
		background-size: cover;

		.index_boxone {
			image {
				width: 124rpx;
				height: 124rpx;
				border-radius: 50%;
			}
		}
		.onebox {
			position: relative;
			top:40rpx;
			.onebox_one {
				width: 100%;
				background: #FFFFFF;
				border-radius: 12rpx;
				padding: 32rpx;
				.onebox_one_text{
					font-size: 32rpx;
					font-family: PingFang SC-Bold, PingFang SC;
					font-weight: bold;
					color: #333333;
				}
				.onebox_one_one{
					margin-top: 32rpx;
					.flex-colum{
						image{
							width: 64rpx;
							height: 64rpx;
						}
						text{
							margin-top: 16rpx;
							font-size: 28rpx;
							font-family: PingFang SC-Medium, PingFang SC;
							font-weight: 500;
							color: #333333;
						}
					}
				}
			}
		}
		.towbox{
			margin-top: 64rpx;
			.towbox_item{
				width:48%;
				background: #FFFFFF;
				padding: 32rpx 30rpx;
				border-radius:12rpx;
				image{
					width: 100rpx;
					height: 100rpx;
				}
				.flex-colum{
					margin-left: 28rpx;
					text{
						font-size: 28rpx;
						font-family: Source Han Sans CN-Medium, Source Han Sans CN;
						font-weight: 500;
						color: #999999;
					}
					view{
						font-size: 32rpx;
						font-family: Source Han Sans CN-Medium, Source Han Sans CN;
						font-weight: 500;
						color: #333333;
						text{
							color: #333333;
							font-size: 22rpx;
						}
					}
					
				}
			}
		}
		.therebox{
			margin-top: 32rpx;
			width: 100%;
			background: #FFFFFF;
			border-radius:12rpx;
			padding:0 32rpx 32rpx 32rpx;
			.therebox_item{
				padding-top: 32rpx;
				.flex-start{
					image{
						width: 32rpx;
						height: 32rpx;
					}
					text{
						margin-left: 24rpx;
						font-size: 28rpx;
						font-family: Source Han Sans CN-Regular, Source Han Sans CN;
						font-weight: 400;
						color: #333333;
					}
				}
			}
		}
	}

	
</style>