<template>
	<view>
		<navbar :config="config" backColor="#999999"></navbar>
		<view class="list">
			<view class="item" @click="toOrderPage('/pages/order/orderList/orderList')">
				<view class="item_l" >商城订单</view>
				<view class="item_r">
					<text class="iconfont_yige">&#xe65f;</text>
				</view>
			</view>
			<!-- <view class="item">
				<view class="item_l" >宜机游订单</view>
				<view class="item_r">
					<text class="iconfont_yige">&#xe65f;</text>
				</view>
			</view>
			<view class="item">
				<view class="item_l" >航空机票</view>
				<view class="item_r">
					<text class="iconfont_yige">&#xe65f;</text>
				</view>
			</view>
			<view class="item">
				<view class="item_l" >缴费订单</view>
				<view class="item_r">
					<text class="iconfont_yige">&#xe65f;</text>
				</view>
			</view> -->
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				config: {
					back: true, //false是tolbar页面 是则不写
					title: '我的订单',
					color: '#000',
					//背景颜色;参数一：透明度（0-1）;参数二：背景颜色（array则为线性渐变，string为单色背景）
					// backgroundColor: "#F8F8F8",
					rightSlot: true,
				},
			}
		},
    methods: {
      toOrderPage(url) {
        let token = uni.getStorageSync("apiToken")
        if (!token) {
          return this.$mUtil.toast("请先登录")
        }
        uni.navigateTo({
          url: url
        })
      }
    }
	}
</script>
<style>
	page {
		background-color: #F8F8F8;
	}
</style>
<style lang="scss" scoped>
	.list{
		background: #fff;
		border-radius: 20rpx;
		margin: 30rpx;
		padding: 0 40rpx;
		min-height: 88vh;
		.item{
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding:40rpx 0;
			border-bottom: 1rpx solid rgba(239, 239, 239,.6);
			.item_l{
				font-size: 30rpx;
				color: #333333;
				font-weight: 700;
			}
			.item_r{
				display: flex;
				.item_r_text{
					margin-right: 30rpx;
				}
			}
		}
	}
</style>