微信小程序商城系列之商品列表页（一）

微信小程序商城列表页

wxml:

<view class='list'>
  <block wx:for='{
  {dataList}}' wx:key='list' wx:for-item="item">
  <view class="list_item">
      <navigator url='details?id={
  {item.goods_id}}'>
      <view class='img'>
        <image src="{
  {imghref}}{
  {item.goods_img}}"  mode="scaleToFill"/>
      </view>
      <view class='info'>
        <view class='title'>{
  {item.goods_title}}</view>
        <view class='price'>￥{
  {item.goods_price}}</view>
        <view class='num'>销量{
  {item.goods_xiaoliang}}</view>
      </view>
       </navigator>