<!--component/waterFlowLayout/waterFlowLayout.wxml-->

 <view class="water-wrap">
    <view class="left">
      <block wx:for="{{imageData}}" wx:key="">
        <template is="water-list" data="{{...item}}" wx:if="{{index%2==0}}"></template>
      </block>
    </view>
    <view class="right">
      <block wx:for="{{imageData}}" wx:key="">
        <template is="water-list" data="{{...item}}" wx:if="{{index%2==1}}"></template>
      </block>
    </view>
  </view>
  <template name="water-list">
  <view class="item" bindtap="gotoDetail" data-id="{{id}}">
    <image class="item-img" src="{{url}}" mode="widthFix"></image>
    <view class="item-title-box">
      <view class="item-title">{{headline}}</view> 
    </view>
     <view class="share-wrap">
        <view class="share-oprate" catchtap="onTapLike" data-id="{{id}}" data-type="{{type}}">
          <image class="share-img" src="{{type ? '/assets/imgs/heart-primary.png'  : '/assets/imgs/heart-default.png'}}"></image>
          <text class="share-number">{{enjoySum || 0}}</text>
        </view>                                                                                                                               <view class="share-oprate" catchtap="onTapShare" data-title="{{headline}}" data-url="{{url}}" data-headline="{{headline}}" data-describe="{{describe}}" data-id="{{id}}">
          <image class="share-img" src="/assets/imgs/share.png"></image> 
          <text class="share-number">{{transmitSum || 0}}</text>
          </view>
      </view>
  </view>
</template>
