shizhong-miniprogram/src/pages/home/index.wxml

<view class="page" style="background: url('{{imageUrl}}home-bg.png?t={{Timestamp}}') no-repeat top center/100% 580rpx;padding-top:{{menuButtonInfo.top}}px;">
  <image class="logo" src="{{imageUrl}}home-logo.png?t={{Timestamp}}"></image>
  <image class="page-title" src="{{imageUrl}}home-title.png?t={{Timestamp}}"></image>
  <view class="page-slogan">人人都是家庭健康师，让生活更有质量</view>
  <view class="search" bind:tap="handleSearch">
    <image class="icon" src="{{imageUrl}}icon-search.png?t={{Timestamp}}"></image>
    <input
      type="text"
      disabled="{{true}}"
      class="input"
      placeholder-class="place-input"
      confirm-type="search"
      bindconfirm="handleSearch"
      placeholder="请输入要搜索的内容"
    />
  </view>
  <swiper
    class="swiper"
    indicator-dots
    indicator-color="rgba(255,255,255,0.62)"
    indicator-active-color="#FFFFFF"
  >
    <swiper-item
      class="swiper-item"
      wx:for="{{bannerList}}"
      wx:key="configId"
      bind:tap="handleBanner"
      data-index="{{index}}"
    >
      <image
        class="banner"
        mode="aspectFill"
        src="{{item.configImg}}"
      ></image>
    </swiper-item>
  </swiper>
  <view class="cards">
    <view
      class="card"
      wx:for="{{cateList}}"
      wx:key="index"
      style="background: url('{{imageUrl}}home-card-bg.png?t={{Timestamp}}') no-repeat center/100%"
      bind:tap="handleDetail"
      data-index="{{index}}"
    >
      <view class="title">{{item.CateName}}</view>
      <view class="content">{{item.Intro}}</view>
    </view>
  </view>
  <view class="remark">
    <view class="r-header">留言板</view>
    <textarea
      class="r-content"
      model:value="{{remark}}"
      placeholder-class="textarea-placeholder"
      placeholder="欢迎反馈您的问题"
      confirm-type="send"
      bindconfirm="handleRemark"
    ></textarea>
    <view
      class="submit"
      wx:if="{{feedbackCount>0}}"
      bindconfirm="handleRemark"
    >
      提交
    </view>
  </view>
</view>