You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
46 lines
900 B
46 lines
900 B
<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>
|
|
|