u

code/g3soft-libs/docs/examples/scrollbar/basic.vue

@@ -0,0 +1,12 @@
+<script setup lang="ts">
+// 最基础：隐藏原生滚动条，用自绘滑块；内容超出高度时可滚动
+import { G3Scrollbar, G3Tag, G3Space } from '@g3soft/ui'
+</script>
+
+<template>
+  <G3Scrollbar style="height: 160px; border: 1px solid #d9d9d9; border-radius: 8px; padding: 12px">
+    <G3Space direction="vertical" :size="8" style="display: flex">
+      <G3Tag v-for="index in 20" :key="index" variant="secondary">第 {{ index }} 行内容</G3Tag>
+    </G3Space>
+  </G3Scrollbar>
+</template>