manicure/pages/index/index.wxml

<view class="head-box">
  <view class="head-search" bindtap="skipSearch">
    <i style="padding: 0 10rpx 0 20rpx">
      <image class="search-icon" src="/images/search-icon.png"></image>
    </i>
    <input disabled class="head-input" placeholder="搜索更多美甲产品" placeholder-style="color:#999999" />
  </view>
</view>
 

<view class="swiper-box">
  <swiper class="swiper" indicator-dots indicator-color="#D0D0D0" indicator-active-color="#F85E4C" autoplay circular>
    <block wx:for="{{ swiperArr }}" wx:key="index">
      <swiper-item>
        <image class="imageUrl" src="{{ item.img }}"></image>
      </swiper-item>
    </block>
  </swiper>
</view>

<view class="main-box">
  <block wx:for="{{mainData}}" wx:key="index">
    <view class="mainItem-box" bindtap="skipSerchDetail" data-param="{{item}}">
      <view class="imageUrl-box">
        <image class="imageUrl" src="{{item.img}}"></image>
      </view>
      <view class="item-title">{{item.name}}</view>
    </view>
  </block>
</view>
<block wx:if="{{ mainData.length  <  paginate.total }}">
  <view class="juhua-box">
    <image class="juhua" src="/images/juhua.gif"></image>
    <text>加载中···</text>
  </view>
</block>