sheng/mes-ui-d2
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

no message

Browse Source 
Former-commit-id: dfce7fbc9bca2067040e6e8c23b66a6c7aa83954 [formerly dfce7fbc9bca2067040e6e8c23b66a6c7aa83954 [formerly dfce7fbc9bca2067040e6e8c23b66a6c7aa83954 [formerly dfce7fbc9bca2067040e6e8c23b66a6c7aa83954 [formerly 0ca6fc401bc9eed429d63d2f325a51427e64efaf [formerly fc38bbe5b0872fe19fba8c2c1a18b012a1196dd1]]]]]
Former-commit-id: f89ce864541c5bd3b5575fd5f004166f264ba979
Former-commit-id: 72c12de2fb73d8a611de1ab490a0350dc8d0854e
Former-commit-id: 2c5855db32c4f9bd6443b4feafc36cc97f485c6a [formerly dec663903e8ed536195246c100e252139303a38c]
Former-commit-id: 29d7df6bf67e26ba34eea97d7fa13780db34cb33
Former-commit-id: de5395cf09cc52ee68cc40cbb540df99144501d9
Former-commit-id: bf93df20659a08143ac052c4f71f3e8526087ffa
Former-commit-id: b49da24340c8a064b15ab1a90bbb5e6070ecd611
Former-commit-id: 76337aae3c06b11a6cf4f6b836c3e8adab599f49
This commit is contained in:
liyang
2018-07-02 09:08:25 +08:00
parent 1a15d95042
commit b53e4f280f
5 changed files with 2 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/pages/demo/components/scrollbar/index.vue
View File

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

5
src/pages/demo/components/scrollbar/md/doc.md
View File

@@ -1,5 +0,0 @@
本示例演示 ElementUI 的隐藏组件 `<el-scrollbar>`，详细信可以参照 [element/issues#2238](https://github.com/ElemeFE/element/issues/2238)
> ElementUI 官网以及部分涉及滚动操作的组件内部使用了 `<el-scrollbar>` 组件，虽然已经暴露到全局但是并没有相关文档介绍
如果你需要更高级的滚动自定义控制，D2Admin 已经集成 [better-scroll](https://github.com/ustbhuangyi/better-scroll)，示例见 [自定义滚动](/#/demo/plugins/better-scroll/base)，[滚动定位](/#/demo/plugins/better-scroll/to)