huiting/miniprogram/pages/message/message.wxml

<!--为首页-信息详情页面-->
<view class="page">
  <view class="card">
    <image wx:if="{{messageInfo.poster.length}}" class="message-poster" src="{{messageInfo.poster[0]}}"
      mode="aspectFill" />
    <view style="width: 100%;">
      <view class="profile">
        <view class="avatar-name" bindtap="getPublisherInfo">
          <image class="publisher-avatar" src="{{messageInfo.publisher.avatar}}"></image>
          <view class="publisher-name">{{messageInfo.publisher.name}}</view>
        </view>
        <view class="message-attribute primary-background-color white-text-color">
          {{messageInfo.type[0]}}
        </view>
      </view>

      <view class="title-time">
        <view class="title">{{messageInfo.name}}</view>
        <view class="time primary-text-color">{{messageInfo.publish_time}}</view>
      </view>
      <view wx:if="{{messageInfo.detail}}" class="text">
        <text>{{messageInfo.detail}}</text>
      </view>

      <view class="line primary-background-color"></view>

      <view wx:if="{{messageInfo.time}}" class="text">时间：{{messageInfo.time}}</view>
      <view wx:if="{{messageInfo.place}}" class="text">地点：{{messageInfo.place}}</view>
      <view wx:if="{{messageInfo.tag.length}}" class="text">活动提供：<text wx:for="{{messageInfo.tag}}" wx:for-item="tag"
          wx:key="*this">{{tag}} </text></view>
      <view wx:if="{{messageInfo.orient}}" class="text">面向对象：{{messageInfo.orient}}</view>
      <view wx:if="{{messageInfo.contact}}" class="text">联系方式：{{messageInfo.contact}}</view>
      <view wx:if="{{messageInfo.link}}" class="text">链接：{{messageInfo.link}}</view>

      <imagePicker wx:if="{{messageInfo.photo.length}}" value="{{messageInfo.photo}}" max="1"
        image-width="{{messageInfo.photo.length === 1 ? 698 : messageInfo.photo.length <= 4 ? 330 : 220}}"
        image-height="{{messageInfo.photo.length === 1 ? 698 : messageInfo.photo.length <= 4 ? 330 : 220}}" readonly />
    </view>

    <view class="bottom" wx:if="{{showEdit}}">
      <view class="btn accent-background-color" bindtap="deleteMessage">
        <image class="btn-icon" mode="aspectFit" src="/images/publisher/delete.png">
        </image>
        <view class="white-text-color">删除</view>
      </view>
      <view class="btn primary-background-color" bindtap="editMessage">
        <image class="btn-icon" mode="aspectFit" src="/images/publisher/publish2.png">
        </image>
        <view class="white-text-color">修改</view>
      </view>
    </view>
  </view>

  <view class="message-block">
    <view style="display: flex; justify-content: space-between;">
      <view class="title2">{{messageQuestion.length === 0 ? "暂无问答" : "答疑区"}}</view>
      <image wx:if="{{hasUserInfo}}" class="like" src="/images/like/{{like ? 'heart' : 'hollowheart'}}.png"
        catchtap="toggleLike" />
    </view>
    <view class="card1" wx:for="{{messageQuestion}}" wx:for-item="comm" wx:key="_id">
      <itemMessageQuestion question="{{comm}}" />
    </view>
  </view>

  <view wx:if="{{hasUserInfo}}" class="question secondary-background-color">
    <view class="question-inside" style="display: flex; align-items: center;">
      <icon type="info" size="20" color="#B0B0B0"></icon>
      <input class="question-input" style="width: 550rpx;" model:value="{{questionText}}" placeholder="提问"
        confirm-type="send" bindconfirm="question"></input>
    </view>
    <view class="question-button {{questionText.length < 5 ? 'secondary-text-color' : 'primary-text-color'}}"
      bindtap="question">发送</view>
  </view>
</view>