0a9c15d7da
Former-commit-id: e32b6034772bfefa25bf2bf7aa3aab96ef2dc454 [formerly e32b6034772bfefa25bf2bf7aa3aab96ef2dc454 [formerly e32b6034772bfefa25bf2bf7aa3aab96ef2dc454 [formerly e32b6034772bfefa25bf2bf7aa3aab96ef2dc454 [formerly ad3442f66c15214cf86681a005d67c4dc2dd9f8f [formerly 15dbf8928108074dad40dd488941aa06fdbc3d1f]]]]] Former-commit-id: 17e63e9d3d41ec51d338718f6ecb691149a0a47f Former-commit-id: 0aa764e715155aa9c7a2bbe7098f9f5637407e61 Former-commit-id: 8be798e6c23168286beeb9d6ef523dd07c0512fe [formerly b6036a70fe85ba4b7a11a4c222a6fd6e8ba992dd] Former-commit-id: dead6c57826e51dfd396a04a3f08acd428d8b1c0 Former-commit-id: e1ed749b9914de78edc995f13ff697e293595633 Former-commit-id: 7fd5dc99b4679a44e1480525df284d614111e470 Former-commit-id: 56ec85abde1a7f3875962cd32141904293d60bfd Former-commit-id: 80a31b90879f77de6dc321a47136f2300448dd08
38 lines
923 B
Vue
38 lines
923 B
Vue
<template>
|
|
<d2-container>
|
|
<template slot="header">自定义滚动条</template>
|
|
<el-card shadow="never" class="demo-scrollbar-card">
|
|
<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="`#Hello`"/>
|
|
</d2-container>
|
|
</template>
|
|
|
|
<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>
|