小程序开发选择图片让那个图片显示到指定位置

发布于 7 年前作者 ehou1297 次浏览最后编辑 7 年前来自 ask
WXOPEN Club 内容图片

如图:需求是点击下方图片使图片出现在上方。我在开发一款用户自制logo的小程序,请教大佬指点,非常感谢!

1 回复
qiang48
qiang481 楼5 年前

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

})

}

})