直接把图片的数据手动添加到showLeds数据中是不合理的 如果你一定要手动加只是测试用的,那完全可以获取后台数据后循环进行图片字段的添加 顺便说下你的数据对象的结构不对 这个网友的代码是对的 [图片]
怎么把图片都循环显示在页面上?怎么把showLeds.images里的图片都显示到页面上去? 想要每一个图片在每一个商品名称的上面,我需要怎么实现呀? [代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"newest-box"[代码] [代码]wx:for[代码][代码]=[代码][代码]"{{showLeds}}"[代码] [代码]wx:key[代码][代码]=[代码][代码]"index"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"newest-list"[代码] [代码]data-id[代码][代码]=[代码][代码]'{item.id}'[代码][代码]>[代码][代码] [代码][代码]<!-- 传值到详情页 -->[代码][代码] [代码][代码]<!-- <block wx:for="{{images}}" wx:for-item="id"> -->[代码][代码] [代码][代码]<[代码][代码]navigator[代码] [代码]url[代码][代码]=[代码][代码]"../details/details?id={{item.id}}&name={{item.name}}&price={{item.price}}"[代码][代码]>[代码] [代码] [代码] <!--这段代码想实现显示图片--> [代码] [代码][代码]<[代码][代码]block[代码] [代码]wx:for-item[代码][代码]=[代码][代码]"{{images}}"[代码] [代码]wx:key[代码][代码]=[代码][代码]"{{images.id}}"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]image[代码] [代码]src[代码][代码]=[代码][代码]"{{images.image}}"[代码][代码]></[代码][代码]image[代码][代码]>[代码][代码] [代码][代码]<!-- <image src="/image/led.png"></image> -->[代码][代码] [代码][代码]</[代码][代码]block[代码][代码]>[代码] [代码] [代码] [代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"newest-text"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]text[代码][代码]>{{item.name}}</[代码][代码]text[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"newest-text"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]text[代码][代码]>¥ {{item.price}}</[代码][代码]text[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]navigator[代码][代码]>[代码][代码] [代码][代码]<!-- </block> -->[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码]</[代码][代码]view[代码][代码]>[代码] [代码]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, [代码][代码]//获取产品列表[代码][代码] [代码][代码]})[代码][代码] [代码][代码]},[代码][代码] [代码][代码]})[代码][代码] [代码][代码]}[代码][代码]})[代码] 现在的结果是这样的: [图片] 想要结果是这样的:但是图片是每一个商品配一个图片。不像我这个就只是这一个图片。 [图片]
2018-12-01