<view class="navigation {{isFixedTop > 0 ? 'active' : ''}}" style="padding-top:{{barHeight}}px;">
    <view class="navigationCont">
        <image bindtap="returnGo" class="navigation-arrow" src="/static/icons/arrowWrite.png"></image>
        <image bindtap="returnHome" class="navigation-arrow" src="/static/icons/homeBlack.png"></image>
    </view>

    <!-- <image bindtap="returnGo" class="navigation-arrow" src="{{isFixedTop > 0 ? '/static/icons/returnBlack.png' : '/static/icons/returnWrite.png'}}"></image>
    <image bindtap="returnHome" class="navigation-arrow" src="{{isFixedTop > 0 ? '/static/icons/homeBlack.png' : '/static/icons/homeWrite.png'}}"></image> -->
</view>

<!-- 产品图 -->
<view class="banner">
    <swiper class="swiperCont" indicator-dots indicator-color="rgba(255,255,255,.5)" indicator-active-color="#fff" autoplay="true" circular>
        <swiper-item wx:for="{{goodsData.pictures}}" wx:key="index" data-index="{{index}}" data-imgs="{{goodsData.pictures}}" bindtap="opneBanner">
            <image class="swiperImg" src="{{item}}" mode="aspectFill"></image>
        </swiper-item>
    </swiper>
</view>

<!-- 商品信息 -->
<view class="goodsCont">
    <view class="goodsWhite goodsInfo">
        <view class="goodsInfo-top">
            <view class="goodsInfo-price">
                <view class="goodsInfo-cost"><text>￥</text>{{goodsData.original_price}}</view>
            </view>
        </view>
        <view class="goodsInfo-name">
            {{goodsData.name}}
        </view>
        <button class="goodsInfo-share" size="mini" open-type="share">
            <image class="goodsInfo-share-image" src="/static/icons/goodsShare.png"></image>分享
        </button>
    </view>

    <view class="goodsWhite goodsItem">
        <view class="goodsItem-label">
            <view class="goodsItem-label-logo">
                <image src="{{goodsData.shop.cover}}"></image>
            </view>
            <view class="goodsItem-label-text">
                {{goodsData.shop.name}}
                <view class="goodsItem-label-tips">服务态度：<text>5.0</text></view>
            </view>
        </view>
    </view>

    <!-- 详情 -->
    <view class="goodsBrief">
        <rich-text nodes="{{mallContent}}"></rich-text>
    </view>
</view>

<!-- 底部 -->
<view class="footer">
    <button class="btn-disabled card" size="mini" disabled="{{disabled}}" bindtap="buyPop" data-type="card">加入购物车</button>
    <button class="btn-disabled" size="mini" disabled="{{disabled}}" bindtap="buyPop" data-type="buy">立即购买</button>
</view>

<!-- 规格弹出 -->
<view class="goods-size-back {{goodsSize ? 'active':''}}" bindtap="closeTap"></view>
<view class="goods-size-content {{goodsSize ? 'active':''}}">
    
    <view class="goods-size-flex">
        <image class="goods-size-cover" src="{{selectSkusValues.cover}}" mode="aspectFill"></image>
        <view class="goods-size-remove" bind:tap="closeTap">
            <image class="goods-size-close" src="/static/icons/close.png" mode="widthFix"></image>
        </view>
        <view class="goods-size-info">
            <view class="goods-size-price nowrap"><text>￥</text>{{selectSkusValues.price}}</view>
            <view class="goods-size-text nowrap">剩余库存: {{selectSkusValues.stock}}</view>
        </view>
    </view>
    <view class="goods-size-tag" wx:for="{{goodsData.specs}}" wx:key="specs" data-specid="{{item.spec_id}}" wx:for-index="idx">
        <view class="goods-size-title">{{item.name}}</view>
        <text class="goods-size-tag-text {{specselect[idx] == items.value_id ? 'active':''}}" wx:for="{{item.values}}" wx:key="attribute" wx:for-item="items" data-valueid="{{items.value_id}}" data-index="{{idx}}" bindtap="selectSize">{{items.value}}</text>
    </view>
    <view class="goods-size-number">
        <text class="goods-size-title">数量</text>
        <view class="goods-number" wx:if="{{selectSkusValues.stock != 0}}">
            <view class="goods-number-btn" bindtap="goodsNumber" data-type="remove">-</view>
            <input class="goods-number-input" value="{{qtyNumber}}" type="number" bindinput="goodsNumberInput" bindblur="goodsNumberBlur"></input>
            <view class="goods-number-btn" bindtap="goodsNumber" data-type="plus">+</view>
        </view>
        <view class="goods-number" wx:else>
            <view class="goods-number-btn">-</view>
            <input class="goods-number-input" value="0" type="number" bindinput="goodsNumberInput" disabled></input>
            <view class="goods-number-btn">+</view>
        </view>
    </view>
    <view class="goods-size-btn">
        <button
            bindtap="buyTap"
            size="default"
            disabled="{{selectSkusValues.stock == 0 || qtyNumber == 0}}">
            {{ selectSkusValues.stock == 0 || qtyNumber == 0 ? '库存不足' : '确定'}}
        </button>
    </view>
</view>

<!-- 绑定业务联系人 -->
<view class="namePop {{isParent ? 'active' : ''}}"></view>
<view class="nameCont {{isParent ? 'active' : ''}}">
    <view class="nameCont-white">
        <view class="nameCont-top">
            <view class="nameCont-title">绑定业务联系人</view>
            <view class="nameCont-input">
                <input type="text" name="name" value="{{nameValue}}" placeholder="请输入业务联系人手机号" bindinput="bindinput" />
            </view>
        </view>
        <view class="nameCont-btn">
            <view class="nameCont-btn-go" bindtap="nameCancel">暂不绑定</view>
            <view class="nameCont-btn-go" bindtap="nameTrue">立即绑定</view>
        </view>
    </view>
</view>