效果图如下:

未收藏:

已收藏:

代码实现:

1 <view class="jichu">
2 <view class="name">xxx</view>
3 <image class="collection" src="../../../static/image/ic_weishoucang.png" v-show="showUpImg" @click="changeImg"></image>
4 <image class="collection" src="../../../static/image/yishoucang@2x.png" v-show="!showUpImg" @click="changeImg"></image>
5 </view>
1 data() {
2 return {
3 showUpImg:true
4 }
5 }
1 methods:{
2 changeImg:function(){
3 this.showUpImg = !this.showUpImg
4 },
5 }

即可

最新文章

  1. Hibernate 延迟加载和立即加载
  2. 【原】用css让一个容器水平垂直
  3. 蒙特卡洛马尔科夫链(MCMC)
  4. java web的开发 知识要点
  5. ligerui grid行编辑示例
  6. java实现线性表
  7. iOS开发之UIPopoverController
  8. 依赖注入之Autofac使用总结
  9. Activiti简介
  10. 论文翻译:BinaryConnect: Training Deep Neural Networks with binary weights during propagations
  11. 运维wiki
  12. stock1114
  13. 文件I/0缓冲
  14. 学 Win32 汇编[34] - 宏汇编(1)
  15. linux分析、诊断及调优的必备“杀器”之一
  16. 理解JavaScript继承(三)
  17. 每天进步一点点——论fork()函数与Linux中的多线程编程
  18. Module &#39;null&#39; not found异常解决办法
  19. css属性之float
  20. Linux环境下部署SpringBoot项目

热门文章

  1. think php 路由增删改查(搜索+关键字标红+缩略图)
  2. Git 常见错误 之 error:error: src refspec main does not match any/ error: failed to push some refs to 简单解决
  3. Kernel pwn 基础教程之 ret2usr 与 bypass_smep
  4. LGP3726题解
  5. LGP4451题解
  6. Xgboost的基本使用
  7. 简悦+Logseq 搭建本地化个人知识库
  8. [转载]SQL注入绕过WAF的方法总结
  9. 搭建分布式事务组件 seata 的Server 端和Client 端详解(小白都能看懂)
  10. width:auto 和 width:100%有什么区别