u

code/g3soft-libs/docs/examples/tabs/placement.vue

@@ -0,0 +1,15 @@
+<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>