Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature Request] FloatingBubble 浮动气泡增加新功能 #12586

Open
yanbowe opened this issue Jan 19, 2024 · 6 comments
Open

[Feature Request] FloatingBubble 浮动气泡增加新功能 #12586

yanbowe opened this issue Jan 19, 2024 · 6 comments

Comments

@yanbowe
Copy link
Contributor

yanbowe commented Jan 19, 2024

这个功能解决了什么问题?

  1. 浮动气泡组件支持滚动缩进
  2. 浮动气泡组件支持配置菜单,每个menu菜单支持自定义内容
    像react vant中的floating-ball

你期望的 API 是什么样子的?

<van-floating-bubble icon="chat" :indent="0.5">
<template #menu>

</template>
</van-floating-bubble>
@inottn
Copy link
Collaborator

inottn commented Jan 19, 2024

这个滚动缩进属性的作用是什么

@yanbowe
Copy link
Contributor Author

yanbowe commented Jan 19, 2024

这个滚动缩进属性的作用是什么

怕连续滚动时会误触该组件

@inottn
Copy link
Collaborator

inottn commented Jan 19, 2024

这个滚动缩进属性的作用是什么

怕连续滚动时会误触该组件

看文档没太理解,比如这个值分别设置成 0 和 1 有什么区别

@yanbowe
Copy link
Contributor Author

yanbowe commented Jan 19, 2024

这个滚动缩进属性的作用是什么

怕连续滚动时会误触该组件

看文档没太理解,比如这个值分别设置成 0 和 1 有什么区别
缩进值设置为0.5,示例往下滚动可看到该效果

image

@inottn
Copy link
Collaborator

inottn commented Jan 19, 2024

get了,要页面滚动的时候,会出现。

@yanbowe
Copy link
Contributor Author

yanbowe commented Jan 19, 2024

get了,要页面滚动的时候,会出现。

是的,滚动时需要气泡隐藏或隐藏一部分,停止滚动时自动恢复到设置的gap值

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants