<template>
	<view class="area-box">
		<Navbar title="不发货地区" color="#333"></Navbar>
		<view class="content">
			不发货地区: {{area}}
		</view>
	</view>
</template>

<script lang='ts'>
	import {
		Component,
		Prop,
		Vue
	} from 'vue-property-decorator';
	@Component({})

	export default class Area extends Vue {
		area: string = '无';
		onLoad() {
			let area = this.$Route.query.area;
			if (area) {
				this.area = area || '无';
			}
		}
	}
</script>

<style lang="scss" scoped>
	.content {
		padding: vw(12) vw(15);
		@include word-vw(14, #333);
		border-top: vw(1) solid #efefef;
	}
</style>
