no message
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
parent
1a15d95042
commit
b53e4f280f
|
|
@ -51,14 +51,6 @@ npm run doc:dev
|
|||
|
||||
在 `src/components/demo/d2-demo-page-cover/index.vue` 中删除相关代码即可
|
||||
|
||||
## el-scrollbar 组件
|
||||
|
||||
el-scrollbar 组件是 ElementUI 自带的一个隐藏组件，没有写入文档，详见 [https://github.com/ElemeFE/element/issues/2238](https://github.com/ElemeFE/element/issues/2238)
|
||||
|
||||
::: tip
|
||||
官方解释此组件在使用的时候需要注意较多问题，不推荐使用，如果你希望自定义滚动条或者实现滚动控制，可以使用 D2Admin 已经集成的 better-scroll
|
||||
:::
|
||||
|
||||
## 兼容性
|
||||
|
||||
首先 vue.js 和 ElementUI 做不到兼容的，D2Admin 肯定也兼容不了，实测在 macOS 下 Chrome 和新版本的火狐浏览器以及 Safari 都正常使用，这类管理系统一般是内部使用，通常不必太纠结兼容低版本浏览器，如果你发现了显示的 bug，可以加 QQ 群反应，如果你可以修复这个 bug 使其在你的浏览器上显示正常，欢迎你的 pr。
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
a5c3358c215874a8d4c65884722d34082f92646f
|
||||
1cb25eb88e2e503ea0849d3c27b9871e62e335a8
|
||||
|
|
@ -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>
|
||||
|
|
@ -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)
|
||||
|
|
@ -1 +1 @@
|
|||
003fe0eab9894c5bbfc8cc4f0ad571b8dcb29ce2
|
||||
ffe496e6ad1cc8ce892d32163b8312a4d525aeed
|
||||
Loading…
Reference in New Issue