更新记录

1.0.1(2024-07-01) 下载此版本

docs:添加keywords

1.0.0(2024-07-01) 下载此版本

初版提交


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.0 app-vue × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × ×

cw-hoverBtn

没有什么晦涩难懂的代码,清晰易懂,友友们需要的话右侧点击下载即可,不满足需求则可以自行开发。 开发不易,有帮助请动手点个赞,谢谢啦。

Tips: 图标的话需自备图标,以下给的例子中我项目是有引入图标css文件和字体文件的,cwIconfont.css/cwIconfont.ttf

使用例子

<cw-hover-btn isDrag :options="btnOptions"></cw-hover-btn>

data() {
    return {
        btnOptions: {
            iconClass: 'cwIconfont',
            iconName: 'icon-caozuojilu',
            content: [
                {
                    type: 'icon',
                    name: 'void',
                    text: '作废',
                    iconName: 'icon-zuofei04'
                },
                {
                    type: 'icon',
                    name: 'visit',
                    text: '拜访',
                    iconName: 'icon-baifang2'
                }
            ]
        }
    }
}

props参数说明

名称 类型 默认值 描述
isDrag Boolean false 是否允许拖拽
options Object {} options配置项,见下文

options参数属性说明

名称 类型 默认值 描述
size String 100rpx 按钮大小
layout String horizontal 展开按钮的布局方向,两个值(horizontal / vertical)
right Number 75 按钮距离屏幕右侧的初始距离,单位为像素px
bottom Number 100 按钮距离屏幕底侧的初始距离,单位为像素px
iconClass String '' 按钮图标,是图标时才传
iconName String '' 按钮图标样式名
iconSrc String '' 按钮图片,是图片时才传
iconSize String '52rpx' 按钮图标或图片大小
content Array [] 子按钮配置项,具体配置见下文

content参数属性说明

名称 类型 默认值 描述
type String '' 子按钮类型,两个值(icon / image)
size String 40rpx 子按钮图标或图片大小
text String '' 子按钮文本
name String '' 子按钮标识
iconClass String '' 按钮图标,是图标时才传
iconName String '' 按钮图标样式名
src String '' 按钮图片,是图片时才传

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问