小程序
小游戏
企业微信
微信支付
扫描小程序码分享
下面点击的产品 上面的大图就显示下面的每点击的图片显示！
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
可以了！！谢谢啦！亲！ ^-^
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
wxml文件
<
image
src
=
"{{big_url}}"
></
>
view
wx:for
"{{small}}"
wx:key
"{{index}}"
"{{item.url}}"
bindtap
"click"
data-url
style
"width:100px;height:100px;float:left;margin-right:10px"
</
js文件
Page({
data: {
big_url:
'../../images/1.jpg'
,
small:[
{ url:
},
'../../images/2.jpg'
'../../images/3.jpg'
]
onLoad:
function
(e){
console.log(
this
.data.big_url)
click:
var
that=
new_url = e.currentTarget.dataset.url
that.setData({
big_url:new_url
})
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
可以了！！谢谢啦！亲！ ^-^
wxml文件
<imagesrc="{{big_url}}"></image><viewwx:for="{{small}}"wx:key="{{index}}"><imagesrc="{{item.url}}"bindtap="click"data-url="{{item.url}}"style="width:100px;height:100px;float:left;margin-right:10px"></image></view>js文件
Page({data: {big_url:'../../images/1.jpg',small:[{ url:'../../images/1.jpg'},{ url:'../../images/2.jpg'},{ url:'../../images/3.jpg'},]},onLoad:function(e){console.log(this.data.big_url)},click:function(e){varthat=thisvarnew_url = e.currentTarget.dataset.urlthat.setData({big_url:new_url})},})