sppurchase 商品购买

<!--商品购买组件start-->
{zan:sppurchase id='field' currentstyle='btn-danger'}
    <!-- 价格 标签开始 这里列出所有，请按需删除 -->
    <div class="ey-price">
        <!-- 原价 -->
        <span>￥{$field.old_price}</span> 
    </div>
    
    <div class="ey-price">
        <!-- 规格价 -->
        <span>￥{$field.spec_price}</span> 
    </div>
    
    <div class="ey-price">
        <!-- 会员价 设置会员折扣时会规格价+原价-->
        <span>￥{$field.users_price}</span> 
    </div>
    
    <div class="ey-price">
        <!-- 划线价 -->
        <span>￥{$field.crossed_price}</span> 
    </div>
    
    <div class="ey-price">
        <!-- 商品总价 -->
        <span>￥{$field.totol_price}</span> 
    </div>
    <!-- 价格 标签结束 -->
    

    <!-- 规格 标签开始 -->
    <div class="ey-spec">
    {zan:volist name="$field.ReturnData" id='field2'}
        <div class="row m-t-15">
            <label class="form-control-label col-sm-7">{$field2.spec_name}</label>
            <div class="col-sm-10">
            {zan:volist name="$field2.spec_value" id='field3'}
                <a href="JavaScript:void(0);" {$field3.SpecData} class="btn btn-default btn-selected {$field3.SpecClass}">
                    <!-- 规格图片 标签开始 -->
                    {notempty name="$field3.spec_image"}
                        <img src="{$field3.spec_image}" style="width: 20px; height: 20px;">
                    {/notempty}
                    <!-- 规格图片 标签结束 -->
                    {$field3.spec_value}
                </a>
            {/zan:volist} 
            </div>
        </div>
    {/zan:volist}
    </div>
    <!-- 规格 标签结束 -->

    <!-- 数量操作 标签开始 -->
    <div class="ey-number">
        <label>数量</label>
        <div class="btn-input">
            <button class="layui-btn" {$field.ReduceQuantity}>-</button>
            <input type="text" class="layui-input" {$field.UpdateQuantity}>
            <button class="layui-btn" {$field.IncreaseQuantity}>+</button>
        </div>
    </div>
    <!-- 数量操作 标签结束 -->

    <!-- 库存量 标签开始 -->
    <span {$field.stock_show}>库存量：{$field.stock_count} 件</span>
    <!-- 库存量 标签结束 -->

    <!-- 购买按钮 标签开始 -->
    <div class="ey-buyaction">
        <a class="ey-joinin" href="JavaScript:void(0);" {$field.ShopAddCart}>加入购物车</a>
        <a class="ey-joinbuy" href="JavaScript:void(0);" {$field.BuyNow}>立即购买</a>
    </div>
    <!-- 购买按钮 标签结束 -->

    {$field.hidden}
{/zan:sppurchase}
<!--购物车组件end-->