38 lines
956 B
Vue
38 lines
956 B
Vue
<template>
|
|
<div class="app-container">
|
|
<el-tabs v-model="activeName" type="card">
|
|
<el-tab-pane label="基本设置" name="1"></el-tab-pane>
|
|
<el-tab-pane label="分享设置" name="2"></el-tab-pane>
|
|
<el-tab-pane label="邀请记录" name="3"></el-tab-pane>
|
|
</el-tabs>
|
|
<Setting v-if="activeName == 1" />
|
|
<Share v-if="activeName == 2" />
|
|
<Record v-if="activeName == 3" />
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import Setting from './components/invite_friend/setting.vue'
|
|
import Share from './components/invite_friend/share.vue'
|
|
import Record from './components/invite_friend/record.vue'
|
|
export default {
|
|
name: 'invite_friend',
|
|
components: {
|
|
Setting,
|
|
Share,
|
|
Record
|
|
},
|
|
data() {
|
|
return {
|
|
activeName: '2'
|
|
}
|
|
},
|
|
methods: {}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
:deep(.el-tabs) {
|
|
margin-bottom: 0;
|
|
}
|
|
</style> |