blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-05 19:41:42 +08:00
Code Issues Projects Releases Wiki Activity

docs(FloatingBubble): add icon prop to documents (#12019)

Browse Source
This commit is contained in:
neverland 2023-06-24 10:20:35 +08:00 committed by GitHub
parent 12879ae893
commit 0f2967f3fb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
packages/vant/src/floating-bubble/README.md
View File

@ -20,10 +20,10 @@ app.use(FloatingBubble);
### Basic Usage
In the default x position, drag in the y direction is allowed.
The floating bubble is displayed by default in the bottom right corner and allows vertical dragging in the y-axis direction. You can set the icon of the bubble using the `icon` prop.
```html
<van-floating-bubble @click="onClick" />
<van-floating-bubble icon="chat" @click="onClick" />
```
```js
@ -44,7 +44,12 @@ export default {
Allow x and y drags to attach to the nearest side of the x axis.
```html
<van-floating-bubble axis="xy" magnetic="x" @offset-change="onOffsetChange" />
<van-floating-bubble
axis="xy"
icon="chat"
magnetic="x"
@offset-change="onOffsetChange"
/>
```
```js
@ -65,7 +70,7 @@ export default {
Use `v-model:offset` control the position.
```html
<van-floating-bubble v-model:offset="offset" axis="xy" />
<van-floating-bubble v-model:offset="offset" axis="xy" icon="chat" />
```
```js

13
packages/vant/src/floating-bubble/README.zh-CN.md
View File

@ -20,10 +20,10 @@ app.use(FloatingBubble);
### 基础用法
在 x 轴默认位置，允许 y 轴方向拖拽。
浮动气泡默认展示在右下角，并允许在 y 轴方向上下拖拽，你可以通过 `icon` 属性设置气泡的图标。
```html
<van-floating-bubble @click="onClick" />
<van-floating-bubble icon="chat" @click="onClick" />
```
```js
@ -44,7 +44,12 @@ export default {
允许 x 和 y 轴方向拖拽，吸附到 x 轴方向最近一边。
```html
<van-floating-bubble axis="xy" magnetic="x" @offset-change="onOffsetChange" />
<van-floating-bubble
axis="xy"
icon="chat"
magnetic="x"
@offset-change="onOffsetChange"
/>
```
```js
@ -65,7 +70,7 @@ export default {
使用 `v-model:offset` 控制位置。
```html
<van-floating-bubble v-model:offset="offset" axis="xy" />
<van-floating-bubble v-model:offset="offset" axis="xy" icon="chat" />
```
```js