微信扫码登录

其他登录方式

绑定手机号

注册

我同意用户协议

忘记密码

用户协议

绑定手机号

  • 推广与合作

小程序丨如何在点击后将原有图标换掉

来源: 3348
关注
来源: 3348

在这个image中,<image bindtap="tapVoicePlay" src="http://xxxxxxx" data-url="http://xxxxxxx"></image>,如果我做了点击,怎么才能让界面把这张图换掉。

我的场景是,再点击一个播放的按钮后,将播放的图标改称暂停的图标。

网友回复:

n***:

假设您在相应的 js 文件 中是这么写的:

Page({

data:{}

});


那么,您只需要在data中加入一个字段变成下面的样子:


var icon = true;

Page({

data:{

playIcon:"https://xxxxxxxx"     // 这是默认图片地址

},

   tapVoicePlay: function(){

if(icon) this.setData({ playIcon: "https://改变后的图片地址" });

else this.setData({ playIcon: "https://默认图片地址" });

icon = !icon;


// 您的其他业务逻辑

}

});


然后,您的wxml中改为:

<image bindtap="tapVoicePlay" src="{{playIcon}}" data-url="http://xxxxxxx"></image>



具体请详见:https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxml/data.html

A***:

我是一个循环生成的行的中图片,默认每一行的默认图片是一样的,只有点击这一行时,对应行的图片变换一下,再次点击时还会还原,这个怎么弄的。


如果自定义一个变量的话,我担心所有行都变化了。

n***:

这样的话就需要看看列表渲染的数据绑定了。

这里可以帮您:

https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxml/list.html

A***:

后来我用js的传递状态值解决了

爱盈利(aiyingli.com)移动互联网最具影响力的盈利指导网站。定位于服务移动互联网创业者,移动盈利指导。我们的目标是让盈利目标清晰可见!降低门槛,让缺乏经验、资金有限的个人和团队获得经验和机会,提高热情,激发产品。

评论

相关文章推荐

    热门资讯

    京ICP备15063977号-2 © 2012-2018 aiyingli.com. All Rights Reserved. 京公网安备 11010102003938号