微信小程序商品详情页底部弹出框 使用组件开发，animation

还是直接上代码

wxml

<wxs src="../tools/tools.wxs" module="tools" />
<view class="cartAndBuy-container">
<view class="icon">
<i class="iconfont icon-kefu1" />
<text>客服</text>
</view>
<view class="icon">
<i class="iconfont icon-gouwuche" />
<text>购物车</text>
<view wx:if="{
  {tools.showCart(num)}}" class="num">{
  {num}}</view>
</view>
 
<view class="cartAndBuy">
   <view class="cart text" bindtap="onAddCart">加入购物车</view>
   <view class="buy text">立即购买</view>
</view>
</view>
<!-- 底部弹出框 -->
<view class="property-container" wx:if="{
  {show}}">
    <view class="mask" bindtap="onCloseModal"></view>
    <view class="property-content" animation="{
  {animationData}}">
     <i class="iconfont icon-quxiao" bindtap="onCloseModal" />
    </view>
</view>

wxss

@import "../iconfont.wxss";

.cartAndBuy-container{
  width: 100%;
  height: 100rpx;
  background:#ff