更新记录
1.0(2020-11-01) 下载此版本
- 可拖拽
- 可自动吸附边框
- 可配置
平台兼容性
easy-hover可拖拽可自动贴边悬浮框
如何使用
- 引入插件
import easyHover from '../../components/easy-hover.vue'
- 注册组件
components: {
easyHover
}
- 使用组件
<easy-hover iconUrl="http://image.xichengame.net/xichengame/1603085706758505.gif" :circle="false" :height="100"
:initMarginTop="50" :width="100" @taped="triged" :stickSide="true" initSide="right"></easy-hover>
参数说明
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
initSide | 初始化贴边方向 | String | right/left | right |
initMarginTop | 初始化悬浮框margintop,单位rpx | Number | 100 | |
iconUrl | 显示图标url地址 | String | ||
width | 悬浮框宽度,单位rpx | Number | ||
height | 悬浮框高度,单位rpx | Number | ||
circle | 是否是圆形 | Boolean | true/false | false |
stickSide | 是否贴边 | Boolean | true/false | true |
方法
taped:当用户点击悬浮框时触发事件