<!--index.wxml-->

<view class="shop-item" wx:for="{{shopList}}" wx:if="id">

<view class ="thumb">

<image src="{{item.image}}"></image>

</view>

  <view class="info">

    <text class="shop-title">{{item.name}}</text>

    <text>电话：{{item.phone}}</text>

    <text>地址：{{item.addr}}</text>

    <text>营业时间：{{item.bhour}}</text>

  </view>

</view>

阅读全文

wxml文件

<view class="grid-list">
  <view class="grid-item" wx:for="{{ gridData }}" wx:key="id">
    <image src="{{item.icon }}"></image>
    <text>{{item.name}}</text>
  </view>
</view>

阅读全文

包括小程序的基本布局

阅读全文

页面代码

<view class="container">
    <!--轮播图-->
  <swiper class="home-swiper" indicator-dots="true" autoplay="{{lb.autoplay}}" 
          interval="{{lb.interval}}" duration="{{lb.duration}}">
    <block wx:for-items="{{items}}">
      <swiper-item>
        <image src="{{item.imgurl}}" class="slide-image" />
      </swiper-item>
    </block>
  </swiper>
</view>

阅读全文