JS实现点赞变亮与取消点赞变灰样式

html代码：

<div :class="box change ? 'box-one' : 'box-two'" @click="toggleClick">
</div>

JS代码：

data() {return {change: false,};},methods: {toggleClick() {this.change = !this.change;},},

css代码：

.box {width: 50px;height: 50px;border-radius: 50%;
}
.box-one {background-color: blue;
}
.box-two {background-color: pink;
}

JS实现点赞变亮与取消点赞变灰样式相关推荐

微信小程序点赞成功，取消点赞、评论。
今天做了一个微信小程序的点赞和评论功能!人生都有第一次,没有做过是因为没有思路,如果思路明白了,自然就会了! 一.首先,我们点赞需要明白两点. 1.微信人的id,也就是本人点击成功. 2.我想要点赞哪 ...
HarmonyOS实战—实现抖音点赞和取消点赞效果
文章目录 1. 双击点赞和双击取消点赞 2. 能否按照抖音的业务去实现呢? 1. 双击点赞和双击取消点赞如:在抖音中双击屏幕之后就可以点赞,小红心就会变亮把白色和红色的心形图片复制到 me ...
requests实现登陆、点赞、批量点赞、取消点赞
入门实例 1.网站反爬虫 2.伪造request请求 3.伪造登陆 4.错误的伪造点赞 5.伪造点赞调试 6.通过代码进行点赞 7.批量点赞 8.取消点赞模拟登陆github Python标准库中提 ...
Redis是如何实现点赞、取消点赞的？
点击上方"方志朋",选择"设为星标" 回复"666"获取新整理的面试资料作者:solocoder juejin.im/post/5bdc2 ...
微信几亿人在线的点赞、取消点赞系统，用Redis如何实现？
戳蓝字"CSDN云计算"关注我们哦! 作者 | solocoder 责编 | 阿秃点赞功能大家都不会陌生,像微信这样的社交产品中都有,但别看功能小,想要做好需要考虑的东西还挺多的 ...
mysql实现点赞和取消_Redis是如何实现点赞、取消点赞的？
作者:solocoder juejin.im/post/5bdc257e6fb9a049ba410098 本文基于 SpringCloud, 用户发起点赞.取消点赞后先存入 Redis 中,再每隔两小 ...
Redis如何高效实现点赞、取消点赞功能
点击关注公众号,实用技术文章及时了解来源:blog.csdn.net/lsy0903/article/details/103949459 基于 SpringCloud, 用户发起点赞.取消点赞后先存 ...
用asp.net实现微博系统_微信几亿人在线的点赞、取消点赞系统，用Redis如何实现？...
戳蓝字"CSDN云计算"关注我们哦!作者 | solocoder责编 | 阿秃点赞功能大家都不会陌生,像微信这样的社交产品中都有,但别看功能小,想要做好需要考虑的东西还挺多的,如海 ...
springboot整合redis案例——点赞取消点赞
目录 springboot与缓存 JSR-107 Spring缓存抽象重要概念和缓存注解 springboot整合redis 案例一:Redis是实现点赞.取消点赞一.Redis 缓存设计及实现 ...

JS实现点赞变亮与取消点赞变灰样式

JS实现点赞变亮与取消点赞变灰样式相关推荐

最新文章

热门文章