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 wx:if="{{feedbackCount>0}}" class="submit" bind:tap="handleRemark">提交</view>
    <view wx:else class="submit not-submit" bind:tap="handleNotRemark">提交</view>
  </view>
</view>