xinda-miniprogram/src/patient/pages/liveDetail/index.wxml

<navbar fixed title="" custom-style="background:{{background}}">
  <van-icon name="arrow-left" slot="left" size="18px" color="#000" bind:tap="handleBack" />
</navbar>

<view
  class="page"
  style="background: url('{{imageUrl}}bg10.png?t={{Timestamp}}') no-repeat top center/100% 610rpx;padding-top:{{pageTop+22}}px;"
>
  <button bind:tap="hadnleMessage">订阅消息</button>
  <image class="banner" mode="aspectFill" src="{{detail.IntroductionUrl}}"></image>
  <view class="page-container">
    <view class="title">{{detail.Name}}</view>
    <view class="info">
      <view class="date">{{detail.BeginTime}}</view>
      <view class="stat">
        <view class="s-item" bind:tap="handleShare" wx:if="{{detail.ShareNum}}">
          <image class="icon" src="{{imageUrl}}icon39.png?t={{Timestamp}}"></image>
          {{detail.ShareNum}}
        </view>
        <view class="s-item" wx:if="{{detail.ActivityBasicNum * 1 + detail.OpenNum * 1}}">
          <image class="icon" src="{{imageUrl}}icon40.png?t={{Timestamp}}"></image>
          {{detail.ActivityBasicNum * 1 + detail.OpenNum * 1}}
        </view>
      </view>
    </view>
    <view class="limit">
      <view class="i-item">
        已报名
        <view class="num">{{detail.SignUpPeopleNum}}</view>
        人
      </view>
      <block wx:if="{{detail.IsLimitUser==1}}">
        <view class="vertical"></view>
        <view class="i-item">
          限额
          <view class="num">{{detail.LimitPeopleNum}}</view>
          人
        </view>
      </block>
    </view>
    <view class="screen" wx:if="{{detail.SignUpRecord.length}}">
      <swiper
        class="screen-list"
        autoplay="{{detail.SignUpRecord.length>2}}"
        interval="{{1000}}"
        circular="{{true}}"
        vertical="{{true}}"
        display-multiple-items="3"
        easing-function="linear"
      >
        <swiper-item class="s-item" wx:for="{{detail.SignUpRecord}}" wx:key="UserId">
          <image class="avatar" src="{{item.UserImg}}"></image>
          <view class="name">{{item.UserId || '***'}}</view>
          <view class="action">报名了活动</view>
          <view class="date">{{item.date}}</view>
        </swiper-item>
      </swiper>
    </view>
    <view class="answer" bind:tap="handleAnswer">
      <image class="a-img" src="/images/bg21.png"></image>
    </view>
    <view class="lightspot">
      <view class="l-title">直播亮点</view>
      <view class="l-list">
        <view class="l-item" wx:for="{{2}}">
          <image class="photo" src="/images/bg24.png"></image>
          <view class="wrap">
            <view class="w-title">视频标题显示视频标题显示</view>
            <view class="time">02:12</view>
          </view>
        </view>
      </view>
    </view>
    <view class="public" style="background: url('/images/bg24.png') no-repeat center/100%"></view>
    <view class="content">
      <view class="c-title">详情介绍</view>
      <image class="c-img" mode="widthFix" src="{{item.url}}" wx:for="{{detail.DetailJson}}" wx:key="name"></image>
    </view>
  </view>
  <view class="footer">
    <view class="btn active" wx:if="{{ detail.Status==99}}">已取消</view>
    <view class="btn active" wx:elif="{{ detail.Status==100}}">已删除</view>
    <view class="btn" wx:elif="{{detail.Status==3 && detail.ReplayVideoUrl}}" bind:tap="handleReplay">看回放</view>
    <view class="btn active" wx:elif="{{detail.Status==3 && !detail.ReplayVideoUrl}}">回放生成中</view>
    <block wx:elif="{{detail.IsSignUp==1 && zdUserInfo.AuditStatus}}">
      <block wx:if="{{zdUserInfo.AuditStatus == 1 || zdUserInfo.AuditStatus == 3 || zdUserInfo.AuditStatus == 4}}">
        <view class="btn active" wx:if="{{detail.SignUpStatus==1}}" bind:tap="handleResult">审核中</view>
        <block wx:elif="{{detail.SignUpStatus==2}}">
          <view class="btn" wx:if="{{detail.BeginTimeValue * 1 < dateValue * 1}}" bind:tap="handleLive">点此参加</view>
          <!-- <view class="btn" wx:else bind:tap="handleResult">已报名,查看活动码</view> -->
          <view class="btn-wrap" wx:else>
            <view class="office" bind:tap="handleOffice">
              <image class="icon" src="{{imageUrl}}icon75.png?t={{Timestamp}}"></image>
              提醒我
            </view>
            <view class="btn active1" bind:tap="handleShare">已报名,查看活动码</view>
          </view>
        </block>
        <block wx:elif="{{detail.SignUpStatus==3}}">
          <view
            class="btn active"
            wx:if="{{detail.IsLimitUser==1 && detail.SignUpPeopleNum * 1 >= detail.LimitPeopleNum * 1}}"
          >
            已满额
          </view>
        </block>
      </block>
    </block>
    <block wx:else>
      <view
        class="btn active"
        wx:if="{{detail.IsLimitUser==1 && detail.SignUpPeopleNum * 1 >= detail.LimitPeopleNum * 1}}"
      >
        已满额
      </view>
      <view class="btn active" wx:elif="{{detail.SignUpDeadlineValue * 1 < dateValue * 1}}">报名已截止</view>
      <view class="btn" wx:else bind:tap="handleSignUp">报名</view>
    </block>
  </view>

  <video
    class="video"
    enable-play-gesture
    id="video"
    show-center-play-btn="{{false}}"
    show-fullscreen-btn="{{false}}"
    show-play-btn
    show-progress
    enable-play-gesture
    bindfullscreenchange="handleFullscreenExit"
    src="{{currentVideoSrc}}"
    bindplay="handleVideoPlay"
    bindpause="handleVideoPause"
  >
    <image
      wx:if="{{!play}}"
      class="play"
      src="{{imageUrl}}za-images/1/live-detail-play.png?t={{Timestamp}}"
      bind:tap="handlePlayVideo"
    ></image>
  </video>
</view>

<button class="fixed-share-wrap" open-type="share">
  <image class="fixed-share" wx:if="{{detail.PosterUrl}}" src="{{imageUrl}}icon67.png?t={{Timestamp}}"></image>
</button>

<van-popup show="{{shareShow}}" custom-class="custom-popup" bind:click-overlay="handleShareClose">
  <view class="p-share">
    <image class="photo" mode="aspectFill" src="{{posterUrl}}" show-menu-by-longpress></image>
    <view class="tip" bind:tap="handleDownload">长按图片保存或分享</view>
  </view>
</van-popup>

<customPoster wx:if="{{detail.PosterUrl}}" params="{{params}}" bind:finish="handlePosterFinish"></customPoster>

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