news.wxml 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  1. <page-meta page-style="{{ booPopop ? 'overflow: hidden;' : '' }}"/>
  2. <view class="wrapper">
  3. <view class="app_page-header-search">
  4. <view class="app_page-header-search-warp">
  5. <label for="header-search">
  6. <image src="../../image/common/search@2x.png"></image>
  7. </label>
  8. <input
  9. placeholder-class="app_header-search-placeholder"
  10. value="{{searchForm.key_words}}"
  11. placeholder="搜索信息"
  12. data-formkey="key_words"
  13. bind:input="handleKeyWords"></input>
  14. </view>
  15. <view class="btn-mine" bind:tap="jumpMyNews">
  16. <image src="../../image/news/mine.png"></image>
  17. </view>
  18. </view>
  19. <customer-tab
  20. nav="{{nav}}"
  21. active="{{active}}"
  22. bind:change="handleNav"/>
  23. <view class="main">
  24. <view
  25. class="list"
  26. wx:for="{{listData}}"
  27. wx:key="id">
  28. <view class="top">
  29. <view class="portrait">
  30. <image src="{{item.user_head_img_url}}"></image>
  31. </view>
  32. <view class="blogger-name-wrap">
  33. <view class="user-name">{{item.user_nickname}}</view>
  34. <view class="business-name" wx:if="{{!!item.shop_name}}">商铺:{{item.shop_name}}</view>
  35. </view>
  36. <button
  37. class="follow"
  38. disabled="{{booLock}}"
  39. data-item="{{item}}"
  40. data-index="{{index}}"
  41. bind:tap="followUser"
  42. hidden="{{active === '1' && item.follow_status === 1}}">{{item.follow_status === 1 ? '取消关注' : '关注'}}
  43. </button>
  44. </view>
  45. <view class="news">
  46. <view class="text">{{item.track_content}}</view>
  47. <view class="photo-wrap">
  48. <view
  49. class="box"
  50. wx:for="{{item.track_img_url}}"
  51. wx:for-item="img"
  52. wx:for-index="idx"
  53. wx:key="idx"
  54. data-index="{{idx}}"
  55. data-imgs="{{item.track_img_url}}"
  56. bind:tap="handlePreviewImage">
  57. <image src="{{img}}"></image>
  58. </view>
  59. </view>
  60. </view>
  61. <view class="tools-wrap">
  62. <view
  63. data-item="{{item}}"
  64. data-index="{{index}}"
  65. bind:tap="showPopop">
  66. <image src="../../image/news/Chat.png"></image>
  67. </view>
  68. <view class="collection-favorite">
  69. <view
  70. class="favorite"
  71. data-item="{{item}}"
  72. data-index="{{index}}"
  73. bind:tap="trackGood">
  74. <image src="../../image/news/like_0.png" wx:if="{{item.good_status === 0}}"></image>
  75. <image src="../../image/news/like_1.png" wx:if="{{item.good_status === 1}}"></image>
  76. <text class="good-count">{{item.good_count}}</text>
  77. </view>
  78. </view>
  79. </view>
  80. <view class="message-list">
  81. <view
  82. class="list"
  83. wx:for="{{item.comments}}"
  84. wx:for-item="msg"
  85. wx:for-index="idx"
  86. wx:key="idx">
  87. <view class="message">{{msg.user_nickname}}:{{msg.track_comment}}</view>
  88. <view class="btn-reply" wx:if="{{false}}">回复</view>
  89. </view>
  90. </view>
  91. </view>
  92. <!-- 无数据 -->
  93. <view class="list-bitmap" wx:if="{{finished && listData.length < 1}}">
  94. <image src="../../image/common/bitmap.png"></image>
  95. <text>暂无数据</text>
  96. </view>
  97. <view
  98. class="pullup-wrapper"
  99. wx:if="{{!isRefresh}}">
  100. <van-loading
  101. wx:if="{{!finished}}"
  102. size="24px"
  103. type="spinner">加载中...
  104. </van-loading>
  105. </view>
  106. </view>
  107. </view>
  108. <view
  109. class="btn-add"
  110. bind:tap="jumpAddNews">
  111. <image
  112. src="../../image/news/add.png"></image>
  113. </view>
  114. <van-popup
  115. show="{{ booPopop }}"
  116. overlay="{{true}}"
  117. position="bottom"
  118. custom-style="{{inputBoxStyle}}"
  119. bind:close="hidePopop">
  120. <view class="popup-body">
  121. <view class="form-item">
  122. <image
  123. class="smile"
  124. src="../../image/common/smile.png"></image>
  125. <input
  126. placeholder-class="placeholder"
  127. value="{{form.track_comment}}"
  128. placeholder="{{placeholderText}}"
  129. adjust-position="{{false}}"
  130. focus="{{autoFocus}}"
  131. bind:focus="handleFocus"
  132. bind:blur="handleBlur"
  133. bind:input="setComment"></input>
  134. <button
  135. class="btn-send"
  136. disabled="{{booLock}}"
  137. bind:tap="addComment">发送
  138. </button>
  139. </view>
  140. </view>
  141. </van-popup>
  142. <!--自定义tabbar页面被遮挡-->
  143. <view style="padding-bottom:25%;"></view>