16 lines
546 B
Vue
16 lines
546 B
Vue
<script setup lang="ts">
|
||
// placement：top（默认横排）/ left / right（纵向），指示条会自动贴到对应边
|
||
import { ref } from 'vue'
|
||
import { G3TabPane, G3Tabs } from '@g3soft/ui'
|
||
|
||
const active = ref('one')
|
||
</script>
|
||
|
||
<template>
|
||
<G3Tabs v-model="active" placement="left" style="height: 180px">
|
||
<G3TabPane tab-key="one" label="概览">概览内容</G3TabPane>
|
||
<G3TabPane tab-key="two" label="成员">成员内容</G3TabPane>
|
||
<G3TabPane tab-key="three" label="设置">设置内容</G3TabPane>
|
||
</G3Tabs>
|
||
</template>
|