这篇文章给大家分享的是有关小程序商城中侧栏分类效果怎么弄的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
在商场项目中,一般都会有分类页面。
分类页面可以给用户快速找到相关的商品,下面以侧栏分类为例,如下图
<强>布局分析:
& lt;主盒子在
& lt;左盒子祝辞& lt;/左盒子在
& lt;右盒子祝辞& lt;/右盒子在
& lt;/主盒子在
左盒子使用标准流
右盒子使用绝对定位(最高,右)
,
& lt;/block>大敌;
& lt;/view>大敌;
,& lt; !——右侧栏——祝辞,
,& lt; view 类=皀av_right"祝辞,
,& lt; !——如果有数据,才遍历项——祝辞,
,& lt; view wx:如果=皗{navRightItems [curIndex] .tree.nodes [1] .tree.nodes}}“祝辞,
,& lt; block wx:=皗{navRightItems [curIndex] .tree.nodes [1] .tree.nodes}}“祝辞,
,& lt; view 类=皀av_right_items"祝辞,
& lt;才能navigator url=? .//索引列表?品牌={{item.tree.id}},类型id={{navRightItems [curIndex] .id}}“祝辞,
& lt;才能!——用视图包裹图片组合,如果有图片就用,无图片提供就使用50 x30的这个默认图片——祝辞,
& lt;才能view>,,
& lt;才能block 天气:如果=皗{item.tree.logo}}“祝辞,
& lt;才能https://www.yisu.com/zixun/image src=" {{item.tree.logo}} ">
<块wx:其他>
<形象src=" http://temp.im/50x30 ">
<查看天气:如果=" {{item.tree.desc}} ">
<文本> {{item.tree.desc}}
<查看天气:其他>
<文本> {{item.tree.desc2}}
<查看天气:其他>暂无数据
wxs:
