<template>
|
<ProTabs
|
v-model="businessCardType"
|
name="home-tab"
|
class="home-tabs"
|
isTransparent
|
title-gutter="12"
|
title-scroll
|
>
|
<ProTabPane :title="`我的名片`" pane-key="1">
|
<BusinessCardView></BusinessCardView>
|
</ProTabPane>
|
<ProTabPane :title="`我的名片夹`" pane-key="2">
|
<BusinessCardHolderView></BusinessCardHolderView>
|
</ProTabPane>
|
</ProTabs>
|
</template>
|
|
<script setup lang="ts">
|
import { ProTabs, ProTabPane } from '@12333/components';
|
import BusinessCardView from '../components/BusinessCardView.vue';
|
import BusinessCardHolderView from '../components/BusinessCardHolderView.vue';
|
|
defineOptions({
|
name: 'InnerPage',
|
});
|
|
const businessCardType = ref('1');
|
</script>
|
|
<style lang="scss">
|
@import '@/styles/common.scss';
|
|
.businessCard-page-wrapper {
|
.nut-tab-pane {
|
background-color: transparent;
|
}
|
}
|
</style>
|
