<!--packageE/suspendbutton/suspendbutton.wxml-->
<view class="component-wrapper {{'component-'+component_id}}">
  <block wx:if="{{datas.list && datas.list.choose_style ==1}}">
    <view class="fixed-box" wx:for="{{datas.list.list}}"  wx:key="index" wx:for-index="index" wx:for-item="item"
         style="top: {{datas.over_top - (index*(datas.list.button_padding+50))}}px;">
      <!--悬浮按钮静态-->
      <view class="btn" style="width: {{datas.button_size}}px; height: {{datas.button_size}}px; position: absolute; left: {{datas.position_location =='left'?'10':(clientWidth-10)-datas.button_size}}px;">
        <image class="img" src="{{item.image || emptyImage}}" catchtap="goimgurl" data-item="{{item}}" data-url="{{item.h5_link}}" mode="aspectFill" />
        <button style="position:absolute;width:100%;height:100%;opacity:0;top: 0;right: 0;" wx:if="{{item.is_minApp == 4}}" open-type="contact" session-from="weapp"></button>
      </view>
    </view>
  </block>

  <block wx:if="{{datas.list && datas.list.choose_style ==2}}">
    <view class="fixed-box2" style="top :{{datas.over_top}}px" wx:if="{{datas.list.show_style ==1}}">
      <image style="width: {{datas.button_size}}px; height: {{datas.button_size}}px; position: absolute; left: {{datas.position_location =='left'?'10':(clientWidth-10)-datas.button_size}}px;" class="imgs {{isFold ? 'active' : ''}}" catchtap="toOpen"
           src="{{isFold? datas.list.fold_button || openImage :datas.list.unfold_button || openImage}}" mode="aspectFill" />
      <view class="btn {{isFold ? 'active' : ''}}" wx:for="{{datas.list.list}}"  wx:key="index" wx:for-index="index" wx:for-item="item"
           style="top :{{-70*(index+1)}}px;left:{{datas.position_location =='left'?( 10+(datas.button_size-50)/2) : (clientWidth-60)-((datas.button_size-50)/2)}}px;">
        <button open-type="contact" class="kfBtn" wx:if="{{item.is_minApp == 4}}"></button>
        <image src="{{item.image || emptyImage}}" catchtap="goimgurl" data-item="{{item}}" data-url="{{item.h5_link}}" class="img" mode="aspectFill" />
      </view>
    </view>

    <view class="fixed-box2" style="top :{{datas.over_top}}px" wx:if="{{datas.list.show_style ==2}}">
      <image style="width: {{datas.button_size}}px; height: {{datas.button_size}}px; position: absolute; left: {{datas.position_location =='left'?'10':(clientWidth-10)-datas.button_size}}px;" class="imgs {{isFold ? 'active' : ''}}" catchtap="toOpen"
           src="{{isFold? datas.list.fold_button || openImage :datas.list.unfold_button || openImage}}"  mode="aspectFill" />
      <view class="btn {{isFold ? 'active' : ''}}" style="top:-70px;left: {{datas.position_location =='left'?'10':(clientWidth-60)}}px" wx:if="{{datas.list.list[0]}}">
        <image  src="{{datas.list.list[0].image || emptyImage}}" catchtap="goimgurl" data-item="{{datas.list.list[0]}}" data-url="{{datas.list.list[0].h5_link}}" class="img" mode="aspectFill" />
        <button style="position:absolute;width:100%;height:100%;opacity:0;top: 0;right: 0;" wx:if="{{datas.list.list[0].is_minApp == 4}}" open-type="contact" session-from="weapp"></button>
      </view>
      <view class="btn {{isFold ? 'active' : ''}}" style="top: {{15-datas.button_size}}px;left: {{datas.position_location =='left'? (20+datas.button_size):(clientWidth-65-datas.button_size)}}px" wx:if="{{datas.list.list[1]}}">
        <image src="{{datas.list.list[1].image || emptyImage}}" catchtap="goimgurl" data-item="{{datas.list.list[1]}}" data-url="{{datas.list.list[1].h5_link}}" class="img" mode="aspectFill" />
        <button style="position:absolute;width:100%;height:100%;opacity:0;top: 0;right: 0;" wx:if="{{datas.list.list[1].is_minApp == 4}}" open-type="contact" session-from="weapp"></button>
      </view>
      <view class="btn {{isFold ? 'active' : ''}}" style="top: {{datas.button_size-15}}px;left: {{datas.position_location =='left'? 20+datas.button_size:(clientWidth-65-datas.button_size)}}px" wx:if="{{datas.list.list[2]}}">
        <image src="{{datas.list.list[2].image || emptyImage}}" catchtap="goimgurl" data-item="{{datas.list.list[2]}}" data-url="{{datas.list.list[2].h5_link}}" class="img" mode="aspectFill" />
        <button style="position:absolute;width:100%;height:100%;opacity:0;top: 0;right: 0;" wx:if="{{datas.list.list[2].is_minApp == 4}}" open-type="contact" session-from="weapp"></button>
      </view>
      <view class="btn {{isFold ? 'active' : ''}}" style="top: {{20+datas.button_size}}px;left: {{datas.position_location =='left'?'10':(clientWidth-60)}}px" wx:if="{{datas.list.list[3]}}">
        <image src="{{datas.list.list[3].image || emptyImage}}" catchtap="goimgurl" data-item="{{datas.list.list[3]}}" data-url="{{datas.list.list[3].h5_link}}" class="img" mode="aspectFill" />
        <button style="position:absolute;width:100%;height:100%;opacity:0;top: 0;right: 0;" wx:if="{{datas.list.list[3].is_minApp == 4}}" open-type="contact" session-from="weapp"></button>
      </view>
    </view>
  </block>

  <!--海报-->
  <qrcode isshow="{{isshow}}" poster_id="{{poster_id}}" showcarrfootBol="{{showcarrfootBol}}" iPnoneBottomBol="{{iPnoneBottomBol}}"></qrcode>
</view>
