酷炫微信小程序点赞效果，带震动

最新推荐文章于 2023-03-18 17:38:40 发布

Tu_Niao

最新推荐文章于 2023-03-18 17:38:40 发布

阅读量2.5k

点赞数 4

分类专栏：小程序文章标签：小程序微信点赞震动酷炫

本文链接：https://blog.csdn.net/Tu_Niao/article/details/103434676

版权

小程序专栏收录该内容

4 篇文章 0 订阅

订阅专栏

微信小程序酷炫点赞效果，带震动

wxml文件

<view class="action cf love-new" bindtap="clickHandler">
    <button class="" bindtap="vibrateShortTap">
        <text class="">❤</text>
        <!-- 这个爱心自己换上字体或者图片爱心 -->
    </button>

</view>

<view class="margin">
    <like-fx count="{{count}}"></like-fx>
    {{count}}
</view>

js文件

Page({
    data: {
        count: 0
    },
    clickHandler: function() {
        this.setData({
            count: this.data.count + 1
        });
    },
    // 震动
    vibrateLongTap: function() {
        // 使手机振动400ms
        wx.vibrateLong();
    },
    vibrateShortTap: function() {
        // 使手机振动15ms
        wx.vibrateShort();
    },
});