<template>
	<view class="container">
		<view class="top-tabs">
			<view class="tab" @click="topage('apply_baojie')">
				<image class="img" src="/static/myapply/apply.png" mode="" />
				待房申请
			</view>
			<view class="tab" @click="topage('apply_baojie')">
				<image class="img" src="/static/myapply/clear.png" mode="" />
				首次保洁
			</view>
			<view class="tab" @click="topage('apply_baojie')">
				<image class="img" src="/static/myapply/repair.png" mode="" />
				首次维修
			</view>
			<view class="tab" @click="topage('applyHistory')">
				<image class="img" src="/static/myapply/history.png" mode="" />
				申请历史
			</view>
			<view class="tab" @click="topage('repairlist')">
				<image class="img" src="/static/myapply/record.png" mode="" />
				装修清单
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {};
		},
		onLoad(options) {
		},
		onShow() {
		
		},
		methods: {
			topage(page){
				uni.navigateTo({
					url: '/pages/my/'+page
				})
			}
			
		}
	};
</script>

<style lang="scss" scoped>
.container{
	width: 100%;
	height: 100vh;
	background: #F8F8F8;
	overflow: auto;
	padding-top: 20rpx;
	.top-tabs{
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		background: #fff;
		padding: 32rpx 45rpx;
		margin-bottom: 20rpx;
		.tab{
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			font-size: 26rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #333333;
			margin-bottom: 9rpx;
			.img{
				width: 134rpx;
				height: 134rpx;
			}

		}
	}

}
</style>
