index.wxml

<!--static/nativeComponents/SharePicture/index.wxml-->
<wxs src="./index.wxs" module="computed" />
<view class="waterfall-content" style="background-color:{{datas.componentData['backgroundColor']}};padding-top:{{datas.componentData.paddingList[0]['value'] * 2}}rpx;padding-bottom:{{datas.componentData.paddingList[1]['value'] * 2}}rpx;padding-left:{{datas.componentData.paddingList[2]['value'] * 2}}rpx;padding-right:{{datas.componentData.paddingList[3]['value'] * 2}}rpx">
  <view class="tab-wrap" wx:if="{{computed.showFlag(datas.componentData['list'])}}">
    <view class="tab-item {{tabIndex == index && 'checked'}}" wx:for="{{datas.componentData['list']}}" :key="index" wx:if="{{item.show}}" bindtap="tabHandle" data-index="{{index}}" data-item="{{item}}" z>
      <text>{{item.name}}</text>
    </view>
  </view>

  <view class="waterfall-wrap">
    <view class="waterfall-l" style="padding-right:{{datas.componentData.proGap}}rpx">
      <view class="item" wx:for="{{waterfallLeftList}}" wx:key="index" style="border-width:{{datas.componentData['borderColorShow'] ? '1px' : ''}};border-style:{{datas.componentData['borderColorShow'] ? 'solid' : ''}};border-color:{{datas.componentData['borderColorShow'] ? datas.componentData['borderColor'] : ''}}" bindtap="buyingShowHandle" data-id="{{item.id}}" data-index="{{index}}">
        <view class="img-wrap">
          <image src="{{item.coverImg}}" mode="widthFix"></image>
          <i class="iconfont-common common-iconbofang2 icon{{datas.componentData['playBtnPosition']}}" wx:if="{{item.checkMP4Status}}"></i>
        </view>
        <view class="content">
          <view class="title" wx:if="{{datas.componentData['textContentShow']}}" style="color:{{datas.componentData['textContentColor']}};font-weight:{{datas.componentData['textContentFontWeight']}};font-size:{{datas.componentData['textContentFontSize'] * 20}}rpx">
            {{item.commentContent}}
          </view>
          <view class="bottom">
              <view class="user">
                <image src="{{item.customerHandImage}}" wx:if="{{datas.componentData['clientInfoShow']}}" class="icon"></image>
                <text class="name" wx:if="{{datas.componentData['clientInfoShow']}}">{{item.custname}}</text>
              </view>
              <view class="like" catchtap="addBuyingShowPraise" data-item="{{item}}" data-index="{{index}}" data-type="left">
                <i wx:if="{{item.praiseFlag=='false'}}" class="iconfont-common {{item.nameIcon}}"></i>
                <i wx:else class="like-icon iconfont-common {{item.nameIcon}}"></i>
                <text class="amount">{{item.praisePoints}}</text>
              </view>
          </view>
        </view>
      </view>
    </view>
    <view class="waterfall-r" style="padding-left:{{datas.componentData.proGap}}rpx">
      <view class="item" wx:for="{{waterfallRightList}}" wx:key="index" style="border-width:{{datas.componentData['borderColorShow'] ? '1px' : ''}};border-style:{{datas.componentData['borderColorShow'] ? 'solid' : ''}};border-color:{{datas.componentData['borderColorShow'] ? datas.componentData['borderColor'] : ''}}" bindtap="buyingShowHandle" data-id="{{item.id}}" data-index="{{index}}">
        <view class="img-wrap">
          <image src="{{item.coverImg}}" mode="widthFix"></image>
          <i class="iconfont-common common-iconbofang2 icon{{datas.componentData['playBtnPosition']}}" wx:if="{{item.checkMP4Status}}"></i>
        </view>
        <view class="content">
          <view class="title" wx:if="{{datas.componentData['textContentShow']}}" style="color:{{datas.componentData['textContentColor']}};font-weight:{{datas.componentData['textContentFontWeight']}};font-size:{{datas.componentData['textContentFontSize'] * 20}}rpx">
            {{item.commentContent}}
          </view>
          <view class="bottom">
              <view class="user">
                <image src="{{item.customerHandImage}}" wx:if="{{datas.componentData['clientInfoShow']}}" class="icon"></image>
                <text class="name" wx:if="{{datas.componentData['clientInfoShow']}}">{{item.custname}}</text>
              </view>
              <view class="like" catchtap="addBuyingShowPraise" data-item="{{item}}" data-index="{{index}}" data-type="right">
                <i wx:if="{{item.praiseFlag=='false'}}" class="iconfont-common {{item.nameIcon}}"></i>
                <i wx:else class="like-icon iconfont-common {{item.nameIcon}}"></i>
                <text class="amount">{{item.praisePoints}}</text>
              </view>
          </view>

        </view>
      </view>
    </view>
  </view>


  <view class="more" wx:if="{{datas.componentData['moreShow'] && !getListFinish}}">
    <text bindtap="viewMore">{{loaded?'查看更多':'加载中'}}</text>
  </view>
</view>