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}}bg8.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">
    <view class="edc" bind:tap="handleWebview">
      <image class="e-img" src="{{imageUrl}}card1.png?t={{Timestamp}}"></image>
    </view>
    <view class="notice">
      <swiper class="v-swiper" current="{{current}}" bind:change="handleSwiperChange">
        <swiper-item
          class="swiper-item"
          wx:for="{{notice}}"
          wx:key="Id"
          bind:tap="handleNoticeDetail"
          data-index="{{index}}"
        >
          <!-- 文字 -->
          <view class="item1" wx:if="{{item.Type==1}}">
            <view class="i-header">
              <view class="date">
                <view class="year">{{item.year}}</view>
                <view class="day">
                  {{item.month}}
                  <text class="sub">月</text>
                  {{item.day}}
                  <text class="sub">日</text>
                </view>
              </view>
              <image class="icon" src="{{imageUrl}}icon12.png?t={{Timestamp}}"></image>
            </view>
            <view class="content">{{item.Content}}</view>
          </view>
          <!-- 入组 -->
          <view class="item4" wx:elif="{{item.Type==2}}">
            <view class="i-header">
              <view class="date">
                <view class="year">{{item.year}}</view>
                <view class="day">
                  {{item.month}}
                  <text class="sub">月</text>
                  {{item.day}}
                  <text class="sub">日</text>
                </view>
              </view>
              <image class="icon" src="{{imageUrl}}icon12.png?t={{Timestamp}}"></image>
            </view>
            <view class="num-line">
              {{item.Composite}}
              <view class="sub">例入组</view>
            </view>
            <view class="name">{{item.Content}}</view>
          </view>
          <!-- 伦理 -->
          <view class="item2" wx:elif="{{item.Type==3}}">
            <view class="i-header">
              <view class="date">
                <view class="year">{{item.year}}</view>
                <view class="day">
                  {{item.month}}
                  <text class="sub">月</text>
                  {{item.day}}
                  <text class="sub">日</text>
                </view>
              </view>
              <image class="icon" src="{{imageUrl}}icon13.png?t={{Timestamp}}"></image>
            </view>
            <view class="status1" wx:if="{{item.Composite==1}}">
              通过
              <image class="s-icon" src="{{imageUrl}}icon20.png?t={{Timestamp}}"></image>
            </view>
            <view class="status2" wx:elif="{{item.Composite==2}}">
              未通过
              <image class="s-icon" src="{{imageUrl}}icon19.png?t={{Timestamp}}"></image>
            </view>
            <view class="status3" wx:elif="{{item.Composite==3}}">
              已上会
              <image class="s-icon" src="{{imageUrl}}icon21.png?t={{Timestamp}}"></image>
            </view>
            <view class="name">{{item.Content}}</view>
          </view>
          <!-- edc -->
          <view class="item3" wx:elif="{{item.Type==4}}">
            <view class="i-header">
              <view class="date">
                <view class="year">{{item.year}}</view>
                <view class="day">
                  {{item.month}}
                  <text class="sub">月</text>
                  {{item.day}}
                  <text class="sub">日</text>
                </view>
              </view>
              <image class="icon" src="{{imageUrl}}icon14.png?t={{Timestamp}}"></image>
            </view>
            <view class="status2" wx:if="{{item.Cmposite==1}}">
              未申请
              <image class="s-icon" src="{{imageUrl}}icon21.png?t={{Timestamp}}"></image>
            </view>
            <view class="status1" wx:elif="{{item.Composite==2}}">
              已申请
              <image class="s-icon" src="{{imageUrl}}icon20.png?t={{Timestamp}}"></image>
            </view>
            <view class="name">{{item.Content}}</view>
          </view>
        </swiper-item>
        <swiper-item class="swiper-item" bind:tap="handleNotice" wx:key="none">
          <!-- more -->
          <view class="item5">
            <image class="icon1" src="{{imageUrl}}icon17.png?t={{Timestamp}}"></image>
            <view class="title">
              查看更多
              <image class="icon2" src="{{imageUrl}}icon18.png?t={{Timestamp}}"></image>
            </view>
          </view>
        </swiper-item>
      </swiper>
      <view class="dots">
        <view class="dot {{current==index && 'active'}}" wx:for="{{notice.length+1}}" wx:key="index"></view>
      </view>
    </view>
  </view>
  <view class="ad">
    <swiper
      class="swiper"
      autoplay
      indicator-dots="{{bannerList.length > 1}}"
      indicator-color="rgba(231, 234, 236, 1)"
      indicator-active-color="rgba(195, 148, 255, 1)"
    >
      <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="briefing" wx:if="{{briefingList.length > 0}}">
    <view class="b-header">
      <image class="title" src="{{imageUrl}}title4.png?t={{Timestamp}}"></image>
      <!-- <view class="more"> -->
      <!--   查看全部 -->
      <!--   <van-icon name="arrow" /> -->
      <!-- </view> -->
    </view>
    <view class="scroll">
      <image
        wx:for="{{briefingList}}"
        wx:key="index"
        class="card"
        src="{{item.CoverImgUrl}}"
        bind:tap="handleDetail"
        data-id="{{item.Id}}"
      ></image>
      <view class="none" wx:if="{{briefingList.length == 1}}">
        <image class="icon" src="{{imageUrl}}none1.png?t={{Timestamp}}"></image>
        <view class="content">
          更多内容
          <view></view>
          敬请期待
        </view>
      </view>
    </view>
  </view>

  <view class="sop" wx:if="{{sopList.length > 0}}">
    <view class="s-header">
      <image class="title" src="{{imageUrl}}title5.png?t={{Timestamp}}"></image>
    </view>
    <view class="scroll">
      <view class="card" wx:for="{{sopList}}" wx:key="index" bind:tap="handleDetail" data-id="{{item.Id}}">
        <image class="photo" src="{{item.CoverImgUrl}}"></image>
        <view class="content">
          <view class="center">{{item.Title}}</view>
        </view>
      </view>
      <view class="none" wx:if="{{sopList.length == 1}}">
        <image class="icon" src="{{imageUrl}}none1.png?t={{Timestamp}}"></image>
        <view class="content">
          更多内容
          <view></view>
          敬请期待
        </view>
      </view>
    </view>
  </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 class="none" wx:if="{{list.length == 0}}">
      <image class="icon" src="{{imageUrl}}none2.png?t={{Timestamp}}"></image>
      <view class="content">建设中 敬请期待...</view>
    </view>
  </view>

  <image class="bottom" src="{{imageUrl}}bottom1.png?t={{Timestamp}}"></image>
</view>

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