小程序开发选择图片让那个图片显示到指定位置
如图:需求是点击下方图片使图片出现在上方。我在开发一款用户自制logo的小程序,请教大佬指点,非常感谢!
1 回复
WXML 内容:默认大图为1_big.png,图片名称、地址自己改
<!–大图–>
<view>
<image src=’{{imgId ? imgId : 1}}_big.png’></image>
</view>
<view>
<!–小图–>
<view>图形</view>
<image src=‘1-small.png’ bindtap=‘change’ data-id=‘1’></image>
<image src=‘2-small.png’ bindtap=‘change’ data-id=‘2’></image>
<image src=‘3-small.png’ bindtap=‘change’ data-id=‘3’></image>
</view>
JS:
const app = getApp()
Page({
data: {
},
change(e){
this.setData({
imgId : e.currentTarget.dataset.id
})
}
})