<template>
	<view class="option">
		<view class="option-box">
			<view :class="num==0 ? 'active' : ''" @click="num = '0'">部委政策</view>
			<view :class="num==1 ? 'active' : ''" @click="num = '1'">省政策</view>
			<view :class="num==2 ? 'active' : ''" @click="num = '2'">市政策</view>
			<view :class="num==3 ? 'active' : ''" @click="num = '3'">区政策</view>
		</view>
		<Policy :num="num"></Policy>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				num:"0",
			};
		},
		methods:{
			
		}
	}
</script>

<style lang="scss">
.option-box{
	height: 40px;
	margin-top: 8px;
	background-color: $white;
}
.option-box > view{
	height: 40px;
	line-height: 40px;
	float: left;
	width: 25vw;
	color: $gray;
	text-align: center;
	border-bottom: 1px solid $grey;
}
.active{
	color: $red !important;
	font-weight: 600;
	border-bottom: 2px solid $red !important;
}
</style>
