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.
56 lines
1.0 KiB
56 lines
1.0 KiB
<template>
|
|
<view>
|
|
<u-tabs
|
|
:current="current"
|
|
lineWidth="30"
|
|
lineColor="#FF7A31"
|
|
:activeStyle="{
|
|
color: '#303133',
|
|
fontWeight: 'bold',
|
|
transform: 'scale(1.05)'
|
|
}"
|
|
:inactiveStyle="{
|
|
color: '#606266',
|
|
transform: 'scale(1)'
|
|
}"
|
|
itemStyle="padding-left: 15px; padding-right: 15px; height: 34px;"
|
|
:list="navList"
|
|
@click="navClick($event)"></u-tabs>
|
|
<enterpriseBox v-if="current==0" />
|
|
<personBox v-if="current==1" />
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import enterpriseBox from "./component/enterprise.vue"
|
|
import personBox from "./component/person.vue"
|
|
export default{
|
|
components:{
|
|
enterpriseBox,
|
|
personBox
|
|
},
|
|
data(){
|
|
return{
|
|
current:0,
|
|
navList:[
|
|
{
|
|
name: '企业入驻',
|
|
}, {
|
|
name: '个人入驻',
|
|
}
|
|
]
|
|
}
|
|
},
|
|
methods: {
|
|
navClick(event){
|
|
this.current=event.index
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
page {
|
|
background-color: #f5f5f5 !important;
|
|
}
|
|
</style>
|