|
|
- <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>
|