需求:
由于同一类下的不同产品,希望通过wx:for 循环加载显示所有产品,而不同类型产品图片各不相同。
目前具体做法:
写一个按照类型取图片的js方法:如下:
function activityImg(type) {
var statusJson = {};
var x = "";
switch (type) {
case 1:
x = "ssq.jpg";
break;
case 2:
x = "dlt.jpg";
break;
}
statusJson.x = x;
return statusJson;
}
在对应的wxml文件引入该文件:
<wxs src='../../utils/stateUtils.wxs' module='product />
最有在需要动态显示地方这样使用:
这个样子,动态显示图片思路如上!不知道为什么这样,不能够显示图片!
请问:
1、这种方案要如何优化 才能正确显示图片?
2、如果这方思路不能显示图片,请问 这种需求下,要求动态显示图片的,采用什么方式可以显示图片?
谢谢
没有报任何错,其实不止两张!
function activityImg(type, uri) {
var uri = uri || [];
var imgs = {"t1":"ssq.jpg", "t2":"dlt.jpg"};
return imgs['t'+type] != undefined ? (uri.push(imgs['t'+type]),uri.join('/')) : ''
}
================
background-image:url({{product.activityImg(item.type,[url,path,'img'])}})
就2张图片,有那么麻烦吗
background-image:url({{url+'/'+path+'/img/'+(item.type == 1? 'ssq.jpg' :'dlt.jpg')}})
多图片的话
function activityImg(type, uri) {
var uri = uri || [];
var imgs = {"t1":"ssq.jpg", "t2":"dlt.jpg"};
return imgs['t'+type] != undefined ? (uri.push(imgs['t'+type]),uri.join('/')) : ''
}
================
background-image:url({{product.activityImg(item.type,[url,path,'img'])}})