<view style="border-bottom: 60px solid transparent;">
    <!-- 地址 -->
    <view class="address">
        <navigator hover-class="none" url="/pages/stock/site/index?type=goodsAddress" class="address-cont" wx:if="{{address}}">
            <view class="address-top">
                <view class="address-area">{{address.province.name}}{{address.city.name}}</view>
                <view class="address-text">{{address.full_address}}</view>
            </view>
            <view class="address-name">
                {{address.name}}<text>{{address.mobile}}</text>
            </view>
            <image class="address-arrow" src="/static/icons/userLogin_icon.png"></image>
        </navigator>
        <view class="address-add" wx:else>
            <navigator hover-class="none" url="/pages/stock/site/index?type=goodsAddress" class="address-go">新增收货地址 +</navigator>
        </view>
        <image class="address-img" src="/static/imgs/address.png" mode="widthFix"></image>
    </view>

    <!-- 商品 -->
    <view class="good" wx:for="{{stockData}}" wx:key="stockData">
        <block wx:for="{{item.items}}" wx:key="items" wx:for-item="items">
            <image class="good-img" src="{{items.cover ? items.cover : '/static/imgs/default.png'}}" mode="aspectFill"></image>
            <view class="good-cont">
                <view class="good-name nowrap">{{items.title}}</view>
                <view class="good-tips">199元/瓶</view>
                <!-- <view class="good-tips">24瓶/箱</view> -->
                <view class="good-price"><text>￥</text>{{items.price}}</view>
            </view>
        </block>
    </view>

    <!-- 规格 -->
    <view class="label">
        <view class="label-item">
            <view class="label-name">购买数量</view>
            <view class="label-number">
                <view class="number-btn" bindtap="goodsNumber" data-type="remove">-</view>
                <input bindinput="goodsNumberInput" class="number-input" type="text" value="{{num}}" disabled />
                <view class="number-btn" bindtap="goodsNumber" data-type="plus">+</view>
            </view>
        </view>
        <view class="label-item">
            <view class="label-name">快递</view>
            <view class="label-text">免邮</view>
        </view>
        <view class="label-item">
            <view class="label-name">重量</view>
            <view class="label-text">{{weight}}ml</view>
        </view>
        <!-- <view class="label-item">
            <view class="label-name">水滴兑换</view>
            <view class="label-integral">需{{amount}}水滴</view>
        </view> -->
    </view>

    <!-- 购买方式 -->
    <!-- <view class="label payWay" wx:if="{{surplus > 0}}">
        <view class="label-name">购买方式</view>
        <view class="cashierCont-pay-way">
            <radio-group bindchange="radioChange" style="width: 100%; display: block; height: 270rpx;">
                <view class="cashierCont-way-label {{ payType == 'wechat' ? 'active' : ''}}">
                    <view class="payContList-label-name">
                        <image class="payContList-label-img" src="/static/imgs/wx.jpg"></image>
                        <text>微信支付</text>
                    </view>
                    <radio class="radio" value="wechat"></radio>
                </view>
                <view class="cashierCont-way-label {{ payType == 'water' ? 'active' : ''}}">
                    <view class="payContList-label-name">
                        <image class="payContList-label-img" src="/static/imgs/wqb.jpg"></image>
                        <text>水滴兑换</text>
                    </view>
                    <radio class="radio" value="water"></radio>
                </view>
            </radio-group>
        </view>
    </view> -->
</view>

<!-- 底部 -->
<view class="footer">
    <view class="number">{{payType == 'wechat' ? '￥' : '需要'}}<text>{{amount}}</text>{{payType == 'wechat' ? '' : '水滴'}}</view>
    <button class="btn" bindtap="exchangeShow" disabled="{{disabled}}">{{payType == 'wechat' ? '立即购买' : '立即兑换'}}</button>
</view>

<!-- 是否确认兑换商品弹出 -->
<view class="exchangePop {{exchangeSee ? 'active' : ''}}"></view>
<view class="exchangeCont {{exchangeSee ? 'active' : ''}}">
    <view class="exchange-title">
        确认兑换产品吗？
    </view>
    <view class="exchange-number">
        <image class="exchange-img" src="/static/imgs/waterIcon.png"></image>
        需要<text>{{amount}}</text>个水滴
    </view>
    <view class="exchange-btn">
        <view class="exchange-item" bindtap="goodsCancel">取消</view>
        <view class="exchange-item" bindtap="goodsForm">确定</view>
    </view>
</view>

<view class="pack-center pages-hint grey" wx:if="{{paySuccess}}">
    <image src="/static/icons/loadingGif.gif"></image>
    <view>疯狂加载中...</view>
</view>