更新记录

1.0.0(2025-01-08) 下载此版本

完成触摸反馈插件的开发,实现了基本的触摸反馈效果


平台兼容性

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

触摸反馈按钮-TouchButton wbutton

兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
钉钉小程序 快手小程序 飞书小程序 京东小程序 鸿蒙元服务
钉钉小程序 快手小程序 飞书小程序 京东小程序 鸿蒙元服务
参数 类型 默认值 描述
width type 200rpx 按钮宽度,需带单位
height type 100rpx 按钮高度,需带单位
imgwidth type 50rpx 图片宽度,需带单位
imgheight type 50rpx 按钮高度,需带单位
bkcolor type #FFFFFF 按钮背景颜色
imgsrc type - 图片地址
text type 按钮 按钮文字
imgshow boolean true 是否显示图片
textshow boolean false 是否显示文字

template

<template>
    <view>
        <wbutton width="200rpx" height="100rpx" imgwidth="50rpx"
        imgheight="50rpx" bkcolor="#FFFFFF" imgsrc="/static/yourpicture.png"
        text="按钮" imgshow="true" textshow="false"></wbutton>
    </view>
</template>

JS 引入

import wbutton from '../../components/march7th-touchbutton/wbutton.uvue'

export default {
    components: { wbutton }
}

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT协议

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