小程序开发选择图片让那个图片显示到指定位置
发布于 6 年前 作者 ehou 1141 次浏览 来自 问答

如图:需求是点击下方图片使图片出现在上方。我在开发一款用户自制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

})

}

})

回到顶部