<!--static/nativeComponents/FloatButton/index.wxml-->
<movable-area class="float-botton">
  <movable-view class="movable-view  {{datas.componentData.style==0 ? 'icon-class':'img-class'}}" direction="all" style="width:{{datas.componentData['sizeInfo']['width'] * 2}}rpx;height:{{datas.componentData['sizeInfo']['width'] *2}}rpx;top:{{datas.componentData['position']['y'] * 12 * 2}}rpx;left:{{datas.componentData['position']['x'] * 12 * 2}}rpx;background-color:{{datas.componentData.style==0?datas.componentData['backgroundColor']:'transparent'}};box-shadow:{{(datas.componentData.style==0 && datas.componentData.boxShadow)?'rgba(0, 0, 0, 0.5) 0px 0px 10rpx':'none'}}" bindtap="clickHandler">
    <view wx:if="{{datas.componentData.style==0}}" class="content">
      <view wx:if="{{datas.componentData.icon.type==1}}">
        <i 
          wx:if="{{datas.componentData.version}}" 
          class="content-img antt {{datas.componentData.icon.src}}" 
          style="font-size:1.6em;color:{{datas.componentData['contentColor']}}"
        ></i>
        <i
        wx:else
        class="content-img iconfont {{datas.componentData.icon.src}}" 
        style="font-size:1.6em;color:{{datas.componentData['contentColor']}}"
        >
        </i>
      </view>
      <image wx:elif="{{datas.componentData.icon.type==2}}" class="content-img" src="{{datas.componentData.icon.src}}"></image>
      <view class="content-name" style="font-size:{{datas.componentData['fontSize']}}em;color:{{datas.componentData['contentColor']}}">{{datas.componentData['content']}}</view>
    </view>
    <image wx:else class="imgs" src="{{imgIcon}}">
    </image>
  </movable-view>
</movable-area>