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

<navbar fixed custom-style="background:{{background}}" back>
  <image class="page-title" slot="left" src="{{imageUrl}}title2.png?t={{Timestamp}}"></image>
</navbar>

<view
  class="page"
  style="background: url('{{imageUrl}}bg2.png?t={{Timestamp}}') no-repeat top center/100% 616rpx;padding-top: {{pageTop + 20}}px;"
>
  <view class="user">
    <button class="avatar-wrapper">
      <image class="avatar" src="{{userInfo.Img}}"></image>
    </button>
    <view class="wrap">
      <view class="nickname">{{userInfo.welcome}}，{{userInfo.Name}}医生</view>
      <view class="hostipal">
        {{userInfo.HospitalName}}
        <view class="tag">{{userInfo.HospitalClassificationName}}{{userInfo.HospitalLevel}}</view>
      </view>
    </view>
  </view>
  <view class="banner" bind:tap="handleWebview">
    <view class="title">甲状腺眼突登记研究项目</view>
    <view class="btn">点此进入EDC系统</view>
  </view>
  <view
    class="message"
    wx:if="{{unReadMsgCount > 0}}"
    style="background: url('{{imageUrl}}bg3.png?t={{Timestamp}}') no-repeat top center/100% 150rpx"
    bind:tap="handleNotice"
  >
    <view class="content {{unReadMsgCount > 0 && 'dot'}}">
      您有
      <text class="num">{{unReadMsgCount}}</text>
      条新消息待查看
    </view>
  </view>
  <view class="ad">
    <swiper class="swiper">
      <swiper-item
        class="swiper-item"
        wx:for="{{bannerList}}"
        wx:key="Id"
        bind:tap="handleBanner"
        data-index="{{index}}"
      >
        <image class="ad-img" src="{{item.ImgUrl}}"></image>
      </swiper-item>
    </swiper>
  </view>
  <view class="list">
    <view class="list-header" bind:tap="handleMore">
      <image class="title" src="{{imageUrl}}title3.png?t={{Timestamp}}"></image>
      <view class="more">
        查看全部
        <van-icon name="arrow" />
      </view>
    </view>
    <view class="card" bind:tap="handleDetail" wx:for="{{list}}" wx:key="Id" data-id="{{item.Id}}">
      <image class="photo" src="{{item.CoverImgUrl}}"></image>
      <view class="wrap">
        <view class="title">{{item.Title}}</view>
        <view class="w-footer">
          <view class="date">{{item.PublishTime}}</view>
          <view class="options">
            <view class="o-item">
              <image class="icon" src="{{imageUrl}}icon7.png?t={{Timestamp}}"></image>
              {{item.ReadCount}}
            </view>
            <button open-type="share" class="o-item" data-params="{{item}}" catch:tap="handleShare">
              <image class="icon" src="{{imageUrl}}icon8.png?t={{Timestamp}}"></image>
            </button>
          </view>
        </view>
      </view>
    </view>
  </view>
</view>

<popup
  show="{{popupShow}}"
  type="{{popupType}}"
  params="{{popupParams}}"
  bind:ok="handlePopupOk"
  bind:cancel="handlePopupCancel"
></popup>