又名一键退朝
-
复制 src/components 文件夹到 对应文件夹内,如 components 文件夹
-
在页面中使用,如示例:
<badge :id="index" :name="'cvs' + index" :count="item.count" @disappear="handleDisappear(index)">
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
name | 用于设 Canvas 的 id,注意同一页面不可重复 | String | — |
dot | 是否设置为红点模式(不显示数字) | Boolean | false |
count | 展示的数字,默认大于99后,显示 99+ | Number | 0 |
事件名称 | 说明 | 返回值 |
---|---|---|
disappear | 当小红点清除时触发(已读) | — |
- 点击的位置超出初始圆的范围,进入拖拽状态,画布缩放到全屏大小
- 在最大拖拽范围内,画初始圆,拖动圆,贝塞尔曲线连接带
- 超出最大拖拽范围,画拖动圆
- 结束拖拽,画布缩放到初始大小
- 在最大拖拽范围外,已读,气泡爆炸效果,自定义触发事件
- 在最大拖拽范围内
- 如始终未超出范围,回弹动画,恢复初始状态
- 如曾超出范围,恢复初始状态