小程序怎么写点击按钮时变色,松开后恢复原来的颜色

小程序怎么写点击按钮时变色,松开后恢复原来的颜色,第1张

小程序的点击事件里,有对应的方法。

bindtouchstart="handleTouchStart" //按下未松开

bindtouchend="handleTouchEnd" //松开

再写出你想要的 *** 作就行了

这个需求可以通过动态类名来实现

首先 我们先把写好选中时和未选中时的wxss样式(choose为选中,nochoose为未选中)

然后在html中写下几个按钮并加上类名的判断条件

最后在js文件里通过点击事件chnageColor来接收不同按钮点击时传过来的index

实现效果如下图所示

这样即可实现按钮的点击变色,有不足之处还请大家指正

页面的js文件中定义了 onShareAppMessage 函数时,页面可以表示改页面可以转发。可以在函数中设置页面转发的信息。

页面中有可以触发转发时间的地方有两个:

一个是右上角菜单中的转发按钮

另一个是页面中具有属性open-type且其值为share的button。(注:必须是button组件,其他组件中设置 open-type="share" 无效)

即:<button data-name="shareBtn" open-type="share">转发</button>

注意:实际开发中会发现这个 button 自带有样式,当背景颜色设置为白色的时候还有一个黑色的边框,刚开始那个边框怎么都去不掉,后来给button加了一个样式属性 plain="true" 以后,再在样式文件中控制样式 button[plain]{ border:0 } ,就可以比较随便的自定义样式了,比如说将分享按钮做成一个图标等

触发分享事件后调用的函数:


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/yw/7775648.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-09
下一篇2023-04-09

发表评论

登录后才能评论

评论列表(0条)

    保存