微信小程序image点击样式怎么设置

可以通过在image标签上添加bindtap事件，监听扒首橘小程序点击事件，并在对应的js文件中定义函数，触发相应的 *** 作。如春团下：

<image bindtap='imageClick' src="xxx" />

/芹世/ js文件

Page({

imageClick: function () {

// do something

}

})

因为微信小程序的图片image有默认的宽高：width: 320px和height: 240px，所以只设置宽度100%是无效的，因为图片高度默认240px

只需要添加属性 mode="者慎widthFix"

<image class="img" src="../images/1.png" mode="widthFix">

设置宽首耐敬度100%，

.img{width: 100%}

这样就可以实亩悉现图片宽度100%高度自适应，图片不会拉伸

---