微信小程序商城项目实战(第三篇:商品列表)

实现商品列表

利用组件实现…

Tabs

组件界面编写

<view class="top">
    <view wx:for="{
  {tabList}}" wx:key="index" class="title {
  {index == curr ? 'active':''}}" bindtap="tapwhere" data-index="{
  {index}}">{
  {item}}</view>
</view>
    <navigator class="goods" wx:for="{
  {GoodsList}}" wx:key="cat_id" url="/pages/goods_detail/goods_detail?goods_id={
  {item.goods_id}}">
<view class="img">
    
    <image src="{
  {item.goods_small_logo==''?'https://ww1.sinaimg.cn/large/007rAy9hgy1g24by9t530j30i20i2glm.jpg':item.goods_small_logo}}" mode="widthFix" />
</view>
<view class="context">{
  {item.goods_name}}<view class&