Files
workspace/code/g3soft-libs/docs/examples/scrollbar/basic.vue
T
2026-10-08 22:38:34 +08:00

13 lines
503 B
Vue

<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>