my_loan/htmldev/shiningWxMini/pages/news/news.wxml

<page-meta page-style="{{ booPopop ? 'overflow: hidden;' : '' }}"/>
<view class="wrapper">
  <view class="app_page-header-search">
    <view class="app_page-header-search-warp">
      <label for="header-search">
        <image src="../../image/common/search@2x.png"></image>
      </label>
      <input
        placeholder-class="app_header-search-placeholder"
        value="{{searchForm.key_words}}"
        placeholder="搜索信息"
        data-formkey="key_words"
        bind:input="handleKeyWords"></input>
    </view>
    <view class="leaving-a-message" bind:tap="jumpLeavingAMessage">
      <image src="../../image/common/message@2x.png"></image>
      <view>8</view>
    </view>
  </view>
  <customer-tab
    nav="{{nav}}"
    active="{{active}}"
    bind:change="handleNav"/>
  <view class="main">
    <view
      class="list"
      wx:for="{{listData}}"
      wx:key="id">
      <view class="top">
        <view class="portrait">
          <image src="{{item.user_head_img_url}}"></image>
        </view>
        <view class="blogger-name-wrap">
          <view class="user-name">{{item.user_nickname}}</view>
          <view class="business-name" wx:if="{{!!item.shop_name}}">商铺：{{item.shop_name}}</view>
        </view>
        <button
          class="follow"
          disabled="{{booLock}}"
          data-item="{{item}}"
          data-index="{{index}}"
          bind:tap="followUser"
          hidden="{{active === '1' && item.follow_status === 1}}">{{item.follow_status === 1 ? '已' : ''}}关注
        </button>
      </view>
      <view class="news">
        <view class="text">{{item.track_content}}</view>
        <view class="photo-wrap">
          <view
            class="box"
            wx:for="{{item.track_img_url}}"
            wx:for-item="img"
            wx:for-index="idx"
            wx:key="idx"
            data-index="{{idx}}"
            data-imgs="{{item.track_img_url}}"
            bind:tap="handlePreviewImage">
            <image src="{{img}}"></image>
          </view>
        </view>
      </view>
      <view class="tools-wrap">
        <view
          data-item="{{item}}"
          data-index="{{index}}"
          bind:tap="showPopop">
          <image src="../../image/news/Chat.png"></image>
        </view>
        <view class="collection-favorite">
          <view
            class="favorite"
            data-item="{{item}}"
            data-index="{{index}}"
            bind:tap="trackGood">
            <image src="../../image/news/like_0.png" wx:if="{{item.good_status === 0}}"></image>
            <image src="../../image/news/like_1.png" wx:if="{{item.good_status === 1}}"></image>
            <text class="good-count">{{item.good_count}}</text>
          </view>
        </view>
      </view>
      <view class="message-list">
        <view
          class="list"
          wx:for="{{item.comments}}"
          wx:for-item="msg"
          wx:for-index="idx"
          wx:key="idx">
          <view class="message">{{msg.user_nickname}}：{{msg.track_comment}}</view>
          <view class="btn-reply" wx:if="{{false}}">回复</view>
        </view>
      </view>
    </view>
    <!-- 无数据 -->
    <view class="list-bitmap" wx:if="{{finished && listData.length < 1}}">
      <image src="../../image/common/bitmap.png"></image>
      <text>暂无数据</text>
    </view>
    <view
      class="pullup-wrapper"
      wx:if="{{!isRefresh}}">
      <van-loading
        wx:if="{{!finished}}"
        size="24px"
        type="spinner">加载中...
      </van-loading>
    </view>
  </view>
</view>
<view
  class="btn-add"
  bind:tap="jumpAddNews">
  <image
    src="../../image/news/add.png"></image>
</view>

<van-popup
  show="{{ booPopop }}"
  overlay="{{true}}"
  position="bottom"
  custom-style="{{inputBoxStyle}}"
  bind:close="hidePopop">
  <view class="popup-body">
    <view class="form-item">
      <image
        class="smile"
        src="../../image/common/smile.png"></image>
      <input
        placeholder-class="placeholder"
        value="{{form.track_comment}}"
        placeholder="{{placeholderText}}"
        adjust-position="{{false}}"
        focus="{{autoFocus}}"
        bind:focus="handleFocus"
        bind:blur="handleBlur"
        bind:input="setComment"></input>
      <button
        class="btn-send"
        disabled="{{booLock}}"
        bind:tap="addComment">发送
      </button>
    </view>
  </view>
</van-popup>
  <!--自定义tabbar页面被遮挡-->
<view style="padding-bottom:25%;"></view>