wxml
<!--产品——开始-->
<block wx:for="{{ryjyjkc}}" wx:key="unique">
<view class='shop_BT' style="display:{{item.ryjyjkc2.length==0?'none':'block'}}">
<!--暂无商品时隐藏-->
<view>
<image src='../../images/shop_MORE01.png'></image>
{{item.className}}
</view>
</view>
<nav class="jjkj_product jjkj_product_form06">
<ul class="group">
<li class="group_members" wx:for-item="items" wx:key="items" wx:for="{{item.ryjyjkc2}}" bindtap="gmxq">
<navigator url="../commodity_details/index?id={{items.id}}">
<image class='img' src='{{items.img}}'></image>
<p class="p">{{items.name}}</p>
<p class="p">
<span class="span">¥{{items.price}}</span>
<image src='{{items.img02}}'></image>
</p>
</navigator>
</li>
</ul>
</nav>
</block>
<!--产品——结束-->
js
//商品
sp: function (channelid){
var that=this;
wx.request({
url: '' + app.information.host + '/api/json/channel/channel.ashx?action=class&companyid=' + app.information.companyid + '&channelid=' + channelid,
header: {
'content-type': 'application/json'
},//请求后台数据成功
success: function (res) {
console.log(res)
var ryjyjkc = [];
for (var i = 0; i < res.data.list.length; i++) {
ryjyjkc[i] = {
classid: res.data.list[i].classid,
className: res.data.list[i].className,
img02: '../../images/shop_MOREcx.png',
ryjyjkc2: []
}
}
for (var j = 0; j < ryjyjkc.length; j++) {//
wx.request({
url: '' + app.information.host + '/api/json/content/content.ashx?action=list&companyid=' + app.information.companyid + '&classid=' + ryjyjkc[j].classid + '&elite=1',
header: {
'content-type': 'application/json'
},
//请求后台数据成功
success: function (res) {
console.log(res)
var ryjyjkc2 = [];
if (res.data.status == 0) {
} else {
for (var j2 = 0; j2 < res.data.list.length; j2++) {
ryjyjkc2[j2] = {
id: res.data.list[j2].id,
img: res.data.list[j2].images,
classid: res.data.list[j2].classid,
img02: '../../images/shop_MOREcx.png',
name: res.data.list[j2].className,
price: res.data.list[j2].price,
id: res.data.list[j2].id
}
}
if (res.data.list[0].classid == ryjyjkc[0].classid) {
that.setData({
"ryjyjkc[0].ryjyjkc2": ryjyjkc2
})
} else if (res.data.list[0].classid == ryjyjkc[2].classid) {
that.setData({
"ryjyjkc[2].ryjyjkc2": ryjyjkc2
})
} else if (res.data.list[0].classid == ryjyjkc[4].classid) {
that.setData({
"ryjyjkc[4].ryjyjkc2": ryjyjkc2
})
} else if (res.data.list[0].classid == ryjyjkc[1].classid) {
that.setData({
"ryjyjkc[1].ryjyjkc2": ryjyjkc2
})
} else if (res.data.list[0].classid == ryjyjkc[5].classid) {
that.setData({
"ryjyjkc[5].ryjyjkc2": ryjyjkc2
})
} else if (res.data.list[0].classid == ryjyjkc[3].classid) {
that.setData({
"ryjyjkc[3].ryjyjkc2": ryjyjkc2
})
}
}
}
});
}
that.setData({
ryjyjkc: ryjyjkc
})
}
});
},
wxss
/*背景*/
.bj_top{margin-top: -1vw;}
.bj_top image{height: 5.87vw;width: 100vw;}
.MK_tehui{background: #FFCF3C;overflow: hidden;}
.bj_bottom image{height: 5.87vw;width: 100vw;margin-bottom:-1.5vw;}
.MK_pingpai .bj_top{margin-top: 0vw;}
.MK_pingpai .bj_bottom{margin-top: -1vw;}
/*新品上架--栏目标题*/
.shop_BT>view{color: #5F5F5F;background: #fff;}
.shop_BT>view>image{width:5.14vw;height:5.56vw;margin: 2.635vw 2vw 0 0;line-height: 10vw;display: block;float: left;}
.shop_BT>view{width: 90vw;height: 10.833vw;font-size: 4.17vw;padding:0 5vw;line-height: 10.833vw;overflow: hidden;}
/*查看更多*/
.shop_MORE{font-size:4.58vw;float:right;}
.shop_MORE .navigatorurl{padding:0 5vw;display: block;}
.jjkj_product_form06{border-bottom: 2.78vw solid #EEEEEE;overflow: hidden;display: block;}
.jjkj_product_form06 .group{width: 90vw;padding: 0 5vw;display: flex; justify-content:space-between; flex-wrap: wrap;}
.jjkj_product_form06 .group_members{width: 44.17vw;margin-bottom:5.56vw;}
.jjkj_product_form06 .group_members .img{width:44.44vw;height: 44.17vw;border:0.14vw solid #EFEFEF;}
.jjkj_product_form06 .group_members .p{width: 44.44vw;font-size: 3.1vw;color: #666666;height:3.1vw;line-height: 5vw;background-color: #ffffff;padding: 2.1vw 0 0 0;display: block;}
.jjkj_product_form06 .group_members .p image{width:7.78vw;height:3.47vw;margin-right:1vw;float: left;display:inline-block;margin-top:0.5vw;}
.jjkj_product_form06 .group_members .p .span{display: block;color: #F01212;font-weight: 900;float: left;}
/*底部*/
.foot_jjkj{width: 100vw;height: 14.03vw;text-align: center;font-size: 3.06vw;line-height: 14.03vw;color: #9D9D9D;}
/*加载中*/
.jiazai{width: 100%;height: 100vh;background: #09111F;display: flex;align-items:center;justify-content:center;flex-wrap: wrap;position: fixed;left: 0;top: 0;z-index:9999999;}
.jiazai view{font-size: 3vw;color: #fff;text-align: center; }
.jiazai image{width: 100%;height: 64vw;}
.zw{text-align: center;font-size: 5vw;color: #999;line-height: 10vh;background: #fff;}
.dl_xx{height:8vh;line-height:8vh;background:#FFC400;color:#333;font-size:4vw;font-weight:600;margin-top:80vw;width:57vw;}
.zwsj{width: 100vw;height:30vw;line-height: 30vw;color: #dedede;font-size: 4.2vw;font-weight: 600;text-align: center;margin-left: -4vw;}
网友评论