<!--components/static/product-popup/product-popup.wxml-->
<view class="product-popup-wrapper" style="right: {{open ? '24rpx' : '-100%'}}" wx:if="{{show}}">
    <view class="count" wx:if="{{productNum}}">
        <image class="count-icon" src="./hot.svg"></image>
        <span class="count-content">热卖</span>
        <span class="count-content-x">x</span>
        <span class="count-content-number">{{productNum}}</span>
    </view>

    <view class="product-popup">
        <view class="close" bind:tap="handleClose">x</view>

        <view class="top" bind:tap="handleClick">
            <image mode="aspectFill" src="{{picUrl}}" />
        </view>

        <view class="name">{{name}}</view>

        <view class='button' bind:tap="openPopup">
            <view class="price"><span style="font-size: 22rpx;">￥</span>{{price/100}}</view>
            <view class="button-right">抢</view>
        </view>
    </view>
</view>

<good-detail-popup hasTabBar="{{hasTabBar}}" skuId="{{skuId}}" id="goodDetailPopup" joinedGroupId="{{joinedGroupId}}"></good-detail-popup>