activity.wxml 3.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <!--为首页-信息详情页面-->
  2. <view class="page">
  3. <view class="card">
  4. <image wx:if="{{activityInfo.poster.length}}" class="activity-poster" src="{{activityInfo.poster[0]}}"
  5. mode="aspectFill" />
  6. <view style="width: 100%;">
  7. <view class="profile">
  8. <view class="avatar-name" bindtap="getPublisherInfo">
  9. <image class="publisher-avatar" src="{{activityInfo.publisher.avatar}}"></image>
  10. <view class="publisher-name">{{activityInfo.publisher.name}}</view>
  11. </view>
  12. <view class="activity-attribute primary-background-color white-text-color">
  13. {{activityInfo.type[0]}}
  14. </view>
  15. </view>
  16. <view class="title-time">
  17. <view class="title">{{activityInfo.name}}</view>
  18. <view class="time primary-text-color">{{activityInfo.publish_time}}</view>
  19. </view>
  20. <view wx:if="{{activityInfo.detail}}" class="text">
  21. <text>{{activityInfo.detail}}</text>
  22. </view>
  23. <view class="line primary-background-color"></view>
  24. <view wx:if="{{activityInfo.time}}" class="text">时间:{{activityInfo.time}}</view>
  25. <view wx:if="{{activityInfo.place}}" class="text">地点:{{activityInfo.place}}</view>
  26. <view wx:if="{{activityInfo.tag.length}}" class="text">活动提供:<text wx:for="{{activityInfo.tag}}" wx:for-item="tag"
  27. wx:key="*this">{{tag}} </text></view>
  28. <view wx:if="{{activityInfo.orient}}" class="text">面向对象:{{activityInfo.orient}}</view>
  29. <view wx:if="{{activityInfo.contact}}" class="text">联系方式:{{activityInfo.contact}}</view>
  30. <view wx:if="{{activityInfo.link}}" class="text">链接:{{activityInfo.link}}</view>
  31. <imagePicker wx:if="{{activityInfo.photo.length}}" value="{{activityInfo.photo}}" max="1"
  32. image-width="{{activityInfo.photo.length === 1 ? 698 : activityInfo.photo.length <= 4 ? 330 : 220}}"
  33. image-height="{{activityInfo.photo.length === 1 ? 698 : activityInfo.photo.length <= 4 ? 330 : 220}}"
  34. readonly />
  35. </view>
  36. <view class="bottom" wx:if="{{showEdit}}">
  37. <view class="btn accent-background-color white-text-color" bindtap="deleteActivity">删除</view>
  38. <view class="btn primary-background-color" bindtap="editActivity">
  39. <image class="btn-icon primary-background-color" mode="aspectFit" src="/images/publisher/publish2.png">
  40. </image>
  41. <view class="white-text-color">修改内容</view>
  42. </view>
  43. </view>
  44. </view>
  45. <view class="message-block">
  46. <view style="display: flex; justify-content: space-between;">
  47. <view class="title2">{{activityComment.length === 0 ? "暂无问答" : "答疑区:"}}</view>
  48. <image wx:if="{{hasUserInfo}}" class="like" src="/images/like/{{like ? 'heart' : 'hollowheart'}}.png"
  49. catchtap="toggleLike" />
  50. </view>
  51. <view class="card1" wx:for="{{activityComment}}" wx:for-item="comm" wx:key="_id">
  52. <itemActivityComment comment="{{comm}}" />
  53. </view>
  54. </view>
  55. <view wx:if="{{hasUserInfo}}" class="comment secondary-background-color">
  56. <view class="comment-inside" style="display: flex; align-items: center;">
  57. <icon type="info" size="20" color="#B0B0B0"></icon>
  58. <input class="comment-input" style="width: 550rpx;" model:value="{{commentText}}" placeholder="提问"
  59. confirm-type="send" bindconfirm="comment"></input>
  60. </view>
  61. <view class="comment-button {{commentText.length < 5 ? 'secondary-text-color' : 'primary-text-color'}}"
  62. bindtap="comment">发送</view>
  63. </view>
  64. </view>