b1b30f9eef
Former-commit-id: e86f01178ddcfea26f7b2b8235b46ec3710dae72 [formerly e86f01178ddcfea26f7b2b8235b46ec3710dae72 [formerly e86f01178ddcfea26f7b2b8235b46ec3710dae72 [formerly e86f01178ddcfea26f7b2b8235b46ec3710dae72 [formerly 4f35759b6688a45d8d6c33a04a4bb8adf50b446f [formerly ca58924c071f16d76d0a87afb18d5f52fa4e7a39]]]]] Former-commit-id: b2f66e16101e2baba9425f7f09ae3f0eefa178b0 Former-commit-id: bba76c5dbbe67106be31c1223900db62919374a7 Former-commit-id: a2f218f8a7bae3a3a81e67e1f012fd62bb7fad52 [formerly fdce499b0fe304aa4ad39dd98e1c8f974f09c480] Former-commit-id: 35f7237ae862933a9fabc00869fd0fdb9220f373 Former-commit-id: d9cdcaff285b97042cb2e082da806ff5a8b2b424 Former-commit-id: 2c4016a737a72194def57f3adc336776bad6d560 Former-commit-id: 59ffb9ce973618c20ae7cce3d7669bd5a85e97db Former-commit-id: 831b6e1707be00195210b48c2ad5c72119e23299
50 lines
1.0 KiB
Vue
50 lines
1.0 KiB
Vue
<template>
|
|
<d2-container>
|
|
<template slot="header">Element 滚动条组件</template>
|
|
<el-card shadow="never" class="demo-scrollbar-card d2-mb">
|
|
<div class="demo-scrollbar-card-inner">
|
|
<el-scrollbar>
|
|
<div class="demo-scrollbar-group">
|
|
<div v-for="n in 20" :key="n" class="demo-scrollbar-item">
|
|
<el-button size="mini">n : {{n}}</el-button>
|
|
</div>
|
|
</div>
|
|
</el-scrollbar>
|
|
</div>
|
|
</el-card>
|
|
<d2-markdown :source="doc"/>
|
|
</d2-container>
|
|
</template>
|
|
|
|
<script>
|
|
import doc from './md/doc.md'
|
|
export default {
|
|
data () {
|
|
return {
|
|
doc
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
@import '~@/assets/style/public.scss';
|
|
.demo-scrollbar-card {
|
|
width: 300px;
|
|
.demo-scrollbar-card-inner {
|
|
margin: -20px;
|
|
}
|
|
.demo-scrollbar-group {
|
|
height: 200px;
|
|
.demo-scrollbar-item {
|
|
padding: 10px;
|
|
border-bottom: 1px solid $color-border-4;
|
|
&:last-child {
|
|
border-bottom: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|