detail.wxml 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. <view>
  2. <view class="info-box" wx:if="{{detailobj}}">
  3. <image mode="aspectFill" src="{{detailobj.expertPhoto}}" class="head-img" />
  4. <view class="name-time">
  5. <view class="name-box">
  6. <view>{{detailobj.name}}</view>
  7. <image wx:if="{{ detailobj.sex }}" mode="aspectFill" src="{{ detailobj.sex == '010' ? appAssetsUrl2+'wjxy/man.png' : appAssetsUrl2+'wjxy/wumen.png'}}" class="sex" />
  8. </view>
  9. <view class="time" bindtap="showTime" wx:if="{{ detailobj.periodBOList }}">可约时段</view>
  10. </view>
  11. <view class="zhiwei">{{detailobj.jobTitle}}</view>
  12. <view class="address-box" wx:if="{{detailobj.provinceStr}}">
  13. <i class="iconfont1 icon-dizhi icon-home-dizhi"></i>
  14. <view class="word">地址:<text wx:if="{{detailobj.provinceStr}}">{{detailobj.provinceStr}}</text><text wx:if="{{detailobj.cityStr}}">{{detailobj.cityStr}}</text><text wx:if="{{detailobj.areaStr}}">{{detailobj.areaStr}}</text></view>
  15. </view>
  16. <view class="item">
  17. 请教: <text class="num">{{detailobj.consultNumber}}</text>人
  18. </view>
  19. <view class="label-box">
  20. <view class="word">擅长标签:</view>
  21. <view class="right">
  22. <view class="label" wx:for="{{detailobj.goodLabelsStr}}" wx:key="{{index}}">{{item}}</view>
  23. </view>
  24. </view>
  25. </view>
  26. <!-- 擅长话题 -->
  27. <view class="hua-box" wx:if="{{topicList.length}}">
  28. <view class="hot-title">
  29. <view class="line"></view>
  30. <view class="title">擅长话题</view>
  31. </view>
  32. <view class="hua-item" wx:for="{{topicList}}" wx:key="{{item.id}}">
  33. <view class="name-box">
  34. <view class="dot"></view>
  35. <view class="name">{{item.topicName}}</view>
  36. </view>
  37. <view style="white-space: pre-line;" class="con">{{item.topicDescribe}}</view>
  38. <view class="price">
  39. <text class="p1">¥</text>
  40. <text class="p2">{{item.topicPrice}}</text>
  41. <text class="p1">{{'元'}}</text>
  42. </view>
  43. </view>
  44. </view>
  45. <!-- 行家自述 -->
  46. <view class="desc-box" wx:if="{{detailobj.expertReadme}}">
  47. <view class="hot-title">
  48. <view class="line"></view>
  49. <view class="title">行家自述</view>
  50. </view>
  51. <view style="white-space: pre-line;" class="content">
  52. {{detailobj.expertReadme}}
  53. </view>
  54. </view>
  55. <!-- 心得分享 -->
  56. <view class="share-box" wx:if="{{shareList.length > 0}}">
  57. <view class="hot-title">
  58. <view class="line"></view>
  59. <view class="title">心得分享</view>
  60. </view>
  61. <view class="share-item-msg" wx:for="{{shareList}}">
  62. <view class="info-time">
  63. <view class="comment-box">
  64. <image mode="aspectFill" src="{{item.memberphoto}}" class="img" />
  65. <view class="name">{{item.name ? item.name :item.vipName}}</view>
  66. </view>
  67. <view class="comment-time">{{item.createTime}}</view>
  68. </view>
  69. <view class="msg">{{item.content}}</view>
  70. <view class="label-box">
  71. <view class="label">#{{item.topicName}}</view>
  72. </view>
  73. </view>
  74. </view>
  75. <!-- 请教 -->
  76. <view class="bot-box" style="bottom: {{bottomLeft}}px;background:white;">
  77. <view class="share-box2">
  78. <image class="share-img" src='{{appAssetsUrl2}}wjxy/share.png' />
  79. <view class="share-word">分享</view>
  80. </view>
  81. <button open-type='share' class="share-btn">
  82. </button>
  83. <view class="btn {{next ? '' : 'no-btn'}}" data-id="{{detailobj.id}}" data-topicPrice="{{detailobj.topicPrice}}" bindtap="consult">请教TA</view>
  84. </view>
  85. <!-- 可约时间段 -->
  86. <popup2 id='popup' title='选择时间段' self="{{true}}" truecontent="{{['']}}" btn_no='' btn_ok='' bind:error="_error" bind:success="_success" data-name="popup">
  87. <view slot="content" wx:if="{{detailobj.periodBOList}}" style="width: 85%;padding: 40rpx 30rpx;">
  88. <view class="time-item" wx:for="{{detailobj.periodBOList}}">
  89. <view class="week-word">{{item.week}}</view>
  90. <view class="time-box" wx:if="{{item.checked}}">
  91. <view class="start-box">
  92. <i class="iconfont1 icon-31shijian icon-time"></i>
  93. <text>{{ item.startTime }}</text>
  94. </view>
  95. <view class="zhi">至</view>
  96. <view class="start-box">
  97. <i class="iconfont1 icon-31shijian icon-time"></i>
  98. <text>{{item.endTime}}</text>
  99. </view>
  100. </view>
  101. <view wx:else class="time-box">无空闲</view>
  102. </view>
  103. </view>
  104. <view slot="btn" class="selt-btn">
  105. <view bindtap="know" class="i-know">确定</view>
  106. </view>
  107. </popup2>
  108. <view style="height: 105rpx;width: 100%;"></view>
  109. <view style="height: {{bottomLeft}}px;width: 100%;"></view>
  110. <view style="height: {{bottomLeft}}px;width: 100%;position: fixed;bottom: 0;background: white;z-index: 1000;"></view>
  111. </view>