怎么把showLeds.images里的图片都显示到页面上去?
想要每一个图片在每一个商品名称的上面,我需要怎么实现呀?
{{item.name}}
¥ {{item.price}}
Page({
data: {
imgUrls: [
'/image/banner.png',
'/image/pingbenshi.png',
'/image/pingbenshi-2.png'
],
showLeds:[{
name:'',
price:'',
id:'',
images:[{'id':11,'image':'/image/kongzhiqi.png'},
{'id':12,'image':'/image/baonian.png'},
{'id':13,'image':'/image/baonian.png'},
{'id':14,'image':'/image/baonian.png'},
{'id':15,'image':'/image/ping.png'}
]}]
,
indicatorDots: false,
autoplay: false,
interval: 3000,
duration: 800,
loadingHidden: false // loading
},
onLoad: function(options) {
var that = this;
let id = options.id;
that.getShowLeds();
},
onReady: function(options) {
},
onShow: function(options) {
},
getShowLeds: function(e) {
var that = this;
//展示屏幕列表
wx.request({
url: api.showLeds,
header: {
'content-type': 'application/json' // 默认值x-www-form-urlencoded
},
method: "GET",
success: function(res) {
console.log(res.data);
that.setData({
showLeds: res.data.list, //获取产品列表
})
},
})
}
})
现在的结果是这样的:
想要结果是这样的:但是图片是每一个商品配一个图片。不像我这个就只是这一个图片。
微信小程序开发问题解答
微信小程序开发者回答:
直接把图片的数据手动添加到showLeds数据中是不合理的
如果你一定要手动加只是测试用的,那完全可以获取后台数据后循环进行图片字段的添加
顺便说下你的数据对象的结构不对
这个网友的代码是对的
微信小程序开发者回答:
把这里修改这样这样试试
微信小程序开发者回答:
你现在的数据结构是每个商品下有5张图片,你是想实现什么?
而且你这块
应该缺少wx:for="{{item.images}}"
微信小程序开发者回答:
现在不对吗?而且列表页为什么要展示所有图片呢?
本文网址:http://www.91bianli.com/weixinxiaochengxu/38872.html