From aab8119ad66583d65d517e2eb8e574b8794180c9 Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Sun, 16 Jan 2022 20:58:19 +0800 Subject: [PATCH] 无限列表滚动 --- src/components/group/articleList.vue | 25 +++++++++++++++++++++++-- 1 files changed, 23 insertions(+), 2 deletions(-) diff --git a/src/components/group/articleList.vue b/src/components/group/articleList.vue index 608261b..7170133 100644 --- a/src/components/group/articleList.vue +++ b/src/components/group/articleList.vue @@ -1,5 +1,11 @@ <template> - <div > + <div class=""> + <!-- <a-button v-if="tagName">{{tagName}}</a-button> --> + <a-affix :offset-top="80"> + <a-button @click="top += 70"> + Affix top + </a-button> + </a-affix> <box5></box5> <box5></box5> <box5></box5> @@ -13,6 +19,7 @@ <script> import box5 from "../mini/box5-article.vue" export default { + props: ['tagName'], components: { box5 }, @@ -28,5 +35,19 @@ } } } - </script> + +<style lang="less"> + .container { + height: 700px; + } + + .content { + height: 95%; + overflow-y: scroll; + } + + .content::-webkit-scrollbar { + display: none; + } +</style> -- Gitblit v1.9.1