GeneB-miniprogram/src/patient/pages/askPatient/index.wxml

<navbar fixed title="问医生" custom-style="background:{{background}}" back>
  <van-icon name="arrow-left" slot="left" size="18px" color="#000" bind:tap="handleBack" />
</navbar>
<view
  class="page"
  style="background: url('{{imageUrl}}bg7.png?t={{Timestamp}}') no-repeat top center/100% 602rpx;padding-top:{{pageTop+21}}px;"
>
  <view class="page-container" id="page-container">
    <view class="f-header" wx:if="{{doctorList.length}}">
      <view class="left">
        <view class="doctor-list">
          <view
            class="doctor-item"
            wx:for="{{doctorList}}"
            wx:key="index"
            data-id="{{item.doctorId}}"
            bind:tap="handleDoctor"
          >
            <image class="avatar" src="{{item.doctorAvatar}}"></image>
            <view class="name">{{item.doctorName}}</view>
          </view>
        </view>
      </view>
      <view class="more" bind:tap="handleDoctorList">
        查看医生介绍
        <van-icon name="arrow" />
      </view>
    </view>
    <scroll-view
      class="scroll-view"
      scroll-y="{{true}}"
      scroll-top="{{scrollTop}}"
      scroll-into-view="{{scrollIntoView}}"
      scroll-with-animation
      bindscrolltoupper="scrolltoupper"
    >
      <view wx:for="{{messageList}}" wx:key="msgId" wx:for-item="message" wx:for-index="mIndex" id="view{{mIndex}}">
        <view class="date" wx:if="{{message.showTime}}">{{message.msgCreateTimeName}}</view>
        <view class="f-header-list" wx:if="{{message.msgContentType==='1'}}">
          <view class="content">{{message.msgOtherInfo.title}}</view>
          <view
            class="l-item"
            wx:for="{{message.msgOtherInfo.hotQuestion}}"
            wx:key="questionId"
            bind:tap="handleQuestion"
            data-id="{{item.questionId}}"
            data-name="{{item.question}}"
          >
            {{item.question}}
          </view>
        </view>
        <view class="doctor" wx:elif="{{message.msgFromType==='2'}}">
          <view class="avatar">
            <image
              class="a-img"
              mode="aspectFill"
              src="https://pic1.zhimg.com/50/v2-8cfef5f9ea7d15963af2277c6814f152_720w.jpg?source=2c26e567"
            ></image>
            <view class="label">刘湖飞</view>
          </view>
          <view class="d-container">
            <view class="message" wx:if="{{message.msgContentType==='2'}}">{{message.msgContent }}</view>
            <view class="week" wx:elif="{{message.msgContentType==='3'}}">
              <view class="w-title">我的出诊时间如下：</view>
              <view class="w-container">
                <view class="item">周二 上午</view>
                <view class="line"></view>
                <view class="item">周二 上午</view>
              </view>
            </view>
            <view
              class="card1"
              style="background: url('{{imageUrl}}bg14.png?t={{Timestamp}}') no-repeat top center/100%"
              wx:elif="{{message.msgContentType==='4'}}"
            >
              <view class="content">
                这是您的诊疗地图
                <view></view>
                填写上你的注射日吧～
              </view>
              <view class="btn">点击查看</view>
            </view>
            <view
              class="card1"
              style="background: url('{{imageUrl}}bg15.png?t={{Timestamp}}') no-repeat top center/100%"
              wx:elif="{{message.msgContentType==='5'}}"
            >
              <view class="content">
                您的专属随访计划
                <view></view>
                已生成
              </view>
              <view class="btn">点击立即查看</view>
            </view>
            <view
              class="card1"
              style="background: url('{{imageUrl}}bg16.png?t={{Timestamp}}') no-repeat top center/100%"
              wx:elif="{{message.msgContentType==='6'}}"
            >
              <view class="content">
                现在是您注射后16周
                <view></view>
                建议每周1次回院复诊～
              </view>
              <view class="btn">查看我的随访计划</view>
            </view>
          </view>
        </view>
        <view class="patient" wx:elif="{{message.msgFromType==='1'}}">
          <view class="p-container">
            <view class="message" wx:if="{{message.msgContentType==='2'}}">{{message.msgContent}}</view>
          </view>
          <view class="avatar">
            <image class="a-img" mode="aspectFill" src="{{userInfo.Avatar}}"></image>
          </view>
        </view>
      </view>
      <view id="place" class="place"></view>
    </scroll-view>
  </view>
  <view class="page-footer {{expend && 'expend'}}" catch:tap="handleFooter">
    <view class="options">
      <view class="title">
        <image class="icon" src="{{imageUrl}}icon11.png?t={{Timestamp}}"></image>
        我要提问
      </view>
      <view class="title" catch:tap="handleSendDate">
        <image class="icon" src="{{imageUrl}}icon86.png?t={{Timestamp}}"></image>
        出诊时间
      </view>
    </view>
    <view class="container">
      <view class="tabs" wx:if="{{expend}}">
        <view
          class="tab {{questionActive === index && 'active'}}"
          wx:for="{{questionList}}"
          wx:key="typeId"
          catch:tap="handleQuestionTab"
          data-index="{{index}}"
        >
          {{item.typeName}}
        </view>
      </view>
      <view class="list" wx:if="{{expend}}">
        <view
          class="l-item"
          wx:for="{{questionActiveList}}"
          wx:key="questionId"
          bind:tap="handleQuestion"
          data-id="{{item.questionId}}"
          data-name="{{item.question}}"
        >
          <view class="order">{{index+1}}</view>
          <view class="content">{{item.question}}</view>
          <van-icon color="#ADB3B4" name="arrow" />
        </view>
        <image class="none" src="{{imageUrl}}none.png" mode="widthFix" wx:if="{{!questionActiveList.length}}"></image>
      </view>
    </view>
  </view>
</view>

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