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="/images/card1.png"></image>
    </view>
    <swiper class="v-swiper" current="{{current}}" bind:change="handleSwiperChange">
      <swiper-item class="swiper-item" wx:for="{{8}}" wx:key="index">
        <!-- 文字 -->
        <view class="item1" wx:if="{{false}}">
          <view class="i-header">
            <view class="date">
              <view class="year">2025</view>
              <view class="day">
                6
                <text class="sub">月</text>
                1
                <text class="sub">日</text>
              </view>
            </view>
            <image class="icon" src="/images/icon12.png"></image>
          </view>
          <view class="content">
            您有一份甲状腺登记研究简报25.06第一期，该请查收您有一份甲状腺登记研究简报25.06第一期，该请查收
          </view>
        </view>
        <!-- 伦理 -->
        <view class="item2" wx:elif="{{false}}">
          <view class="i-header">
            <view class="date">
              <view class="year">2025</view>
              <view class="day">
                6
                <text class="sub">月</text>
                1
                <text class="sub">日</text>
              </view>
            </view>
            <image class="icon" src="/images/icon13.png"></image>
          </view>
          <view class="status1" wx:if="{{true}}">
            未通过
            <image class="s-icon" src="/images/icon19.png"></image>
          </view>
          <view class="status2" wx:elif="{{false}}">
            未通过
            <image class="s-icon" src="/images/icon20.png"></image>
          </view>
          <view class="status3" wx:elif="{{false}}">
            未通过
            <image class="s-icon" src="/images/icon21.png"></image>
          </view>
          <view class="name">
            中国医科大学附属第一医院 中国医科大学附属第一医院 中国医科大学附属第一医院 中国医科大学附属第一医院
            中国医科大学附属第一医院
          </view>
        </view>
        <!-- edc -->
        <view class="item3" wx:elif="{{false}}">
          <view class="i-header">
            <view class="date">
              <view class="year">2025</view>
              <view class="day">
                6
                <text class="sub">月</text>
                1
                <text class="sub">日</text>
              </view>
            </view>
            <image class="icon" src="/images/icon14.png"></image>
          </view>
          <view class="status4" wx:if="{{true}}">
            已上会
            <image class="s-icon" src="/images/icon21.png"></image>
          </view>
          <view class="status2" wx:elif="{{false}}">
            未通过
            <image class="s-icon" src="/images/icon20.png"></image>
          </view>
          <view class="name">
            中国医科大学附属第一医院 中国医科大学附属第一医院 中国医科大学附属第一医院 中国医科大学附属第一医院
            中国医科大学附属第一医院
          </view>
        </view>
        <!-- 入组 -->
        <view class="item4" wx:elif="{{false}}">
          <view class="i-header">
            <view class="date">
              <view class="year">2025</view>
              <view class="day">
                6
                <text class="sub">月</text>
                1
                <text class="sub">日</text>
              </view>
            </view>
            <image class="icon" src="/images/icon12.png"></image>
          </view>
          <view class="num-line">
            7
            <view class="sub">例入组</view>
          </view>
          <view class="name">
            中国医科大学附属第一医院 中国医科大学附属第一医院 中国医科大学附属第一医院 中国医科大学附属第一医院
            中国医科大学附属第一医院
          </view>
        </view>
        <!-- more -->
        <view class="item5">
          <image class="icon1" src="/images/icon17.png"></image>
          <view class="title">
            查看更多
            <image class="icon2" src="/images/icon18.png"></image>
          </view>
        </view>
      </swiper-item>
      <view class="dots">
        <view class="dot {{index==0 && 'active'}}" wx:for="{{6}}"></view>
      </view>
    </swiper>
  </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">
    <view class="b-header">
      <image class="title" src="/images/title4.png"></image>
      <view class="more">
        查看全部
        <van-icon name="arrow" />
      </view>
    </view>
    <view class="scroll">
      <image
        wx:for="{{10}}"
        wx:key="index"
        class="card"
        src="https://pic1.zhimg.com/50/v2-dcfbab1219ae4f7a7a6db168bb1580a2_720w.jpg?source=2c26e567"
      ></image>
      <view class="none">
        <image class="icon" src="/images/none1.png"></image>
        <view class="content">
          更多内容
          <view></view>
          敬请期待
        </view>
      </view>
    </view>
  </view>

  <view class="sop">
    <view class="s-header">
      <image class="title" src="/images/title5.png"></image>
    </view>
    <view class="scroll">
      <view class="card" wx:for="{{10}}" wx:key="index">
        <image
          class="photo"
          src="https://pic1.zhimg.com/50/v2-dcfbab1219ae4f7a7a6db168bb1580a2_720w.jpg?source=2c26e567"
        ></image>
        <view class="content">
          <view class="center">替妥尤单抗的作用机制、适用场景、使用方式</view>
        </view>
      </view>
      <view class="none">
        <image class="icon" src="/images/none1.png"></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">
      <image class="icon" src="/images/none2.png"></image>
      <view class="content">建设中 敬请期待...</view>
    </view>
  </view>

  <image class="bottom" src="/images/bottom1.png"></image>
</view>

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