VC 组件库

Appearance

chat-container ​

功能 ​

一个用于对话的容器组件，让滚动条自动保持在底部。

当用户向上滚动滚动条时，可暂停保持功能，停留在用户滚动的位置

功能示例 ​

展示区
操作
参数：强制底部
参数：停止距离

最小示例 ​

vue
<template>
    <Wrapper>
        <VcChatContainer :class="$style.container">
            <div>内容部分</div>
        </VcChatContainer>
    </Wrapper>
</template>

<script lang="ts" setup>
import VcChatContainer from '../chat-container.vue'
</script>

<style lang="scss" module>
.container {
    width: 100%;
    height: 300px;
}
</style>

API ​