You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
269 lines
8.8 KiB
269 lines
8.8 KiB
<!DOCTYPE html><html><head><meta http-equiv="content-type" content="text/html;charset=utf-8"/>
|
|
<title>商品详情</title><meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport">
|
|
<link href="<?php echo env('APP_URL'); ?>/css/weixin/style.css" type="text/css" rel="stylesheet">
|
|
<script type="text/javascript" src="<?php echo env('APP_URL'); ?>/js/jquery.min.js"></script>
|
|
<script type="text/javascript" src="<?php echo env('APP_URL'); ?>/js/weixin/mobile.js"></script>
|
|
<meta name="keywords" content="关键词"><meta name="description" content="描述"></head><body style="background-color:#f1f1f1;">
|
|
<div class="classreturn loginsignup">
|
|
<div class="ds-in-bl return"><a href="javascript:history.back(-1);"><img src="<?php echo env('APP_URL'); ?>/images/weixin/return.png" alt="返回"></a></div>
|
|
<div class="ds-in-bl tit center"><span>商品详情</span></div>
|
|
<div class="ds-in-bl nav_menu"><a href="javascript:void(0);"><img src="<?php echo env('APP_URL'); ?>/images/weixin/class1.png" alt="菜单"></a></div>
|
|
</div>
|
|
|
|
@include('weixin.common.headerNav')
|
|
|
|
<!--商品详情-start-->
|
|
<div class="goods_detail">
|
|
<!--顶部滚动广告栏-start-->
|
|
<div class="tbanner">
|
|
<!-- Swiper -->
|
|
<div class="swiper-container">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide"><img src="<?php echo $post['goods_img']; ?>" alt=""></div>
|
|
</div>
|
|
<!-- Add Pagination -->
|
|
<div class="swiper-pagination swiper-pagination-white"></div>
|
|
</div>
|
|
</div>
|
|
<link rel="stylesheet" href="<?php echo env('APP_URL'); ?>/css/swiper.min.css">
|
|
<style>
|
|
.swiper-container{width:100%;height:90vw;}
|
|
.swiper-slide{text-align:center;font-size:18px;background:#fff;}
|
|
.swiper-slide img{width:100%;height:100vw;}
|
|
</style>
|
|
<script type="text/javascript" src="<?php echo env('APP_URL'); ?>/js/swiper.min.js"></script>
|
|
<script>
|
|
//Swiper轮播
|
|
var swiper = new Swiper('.swiper-container', {
|
|
pagination: '.swiper-pagination',
|
|
paginationClickable: true,
|
|
autoHeight: true, //enable auto height
|
|
slidesPerView: 1,
|
|
paginationClickable: true,
|
|
spaceBetween: 30,
|
|
loop: true,
|
|
centeredSlides: true,
|
|
autoplay: 3000,
|
|
autoplayDisableOnInteraction: false
|
|
});
|
|
</script>
|
|
<!--顶部滚动广告栏-end-->
|
|
|
|
<div class="goods-header">
|
|
<span class="wish-add fr<?php if(isset($post['is_collect']) && $post['is_collect']>=1){echo ' wish-add-activate';} ?>" onclick="collect_goods()">收藏</span><h1 class="title"><?php echo $post['title']; ?></h1>
|
|
|
|
<div class="goods-price">
|
|
<div class="current-price">
|
|
<span>￥</span><i class="price"><?php echo $post['price']; ?></i>
|
|
</div>
|
|
<span class="btn-retail">门店有售</span>
|
|
|
|
</div>
|
|
|
|
<div class="stock-detail table-cell">
|
|
<dl>
|
|
<dt>运费:</dt>
|
|
<dd>免运费</dd>
|
|
</dl>
|
|
<dl>
|
|
<dt>库存:</dt>
|
|
<dd><?php echo $post['goods_number']; ?></dd>
|
|
</dl>
|
|
<dl>
|
|
<dt>销量:</dt>
|
|
<dd><?php echo $post['sale']; ?></dd>
|
|
</dl>
|
|
</div>
|
|
|
|
<div class="goods-comment">用户评价<span>共<?php echo $post['goods_comments_num']; ?>条评价 ></span></div>
|
|
</div>
|
|
|
|
<div class="goods-content">
|
|
<div class="module-title">宝贝详情</div>
|
|
<div class="module-content"><?php echo $post['body']; ?></div>
|
|
</div>
|
|
</div>
|
|
<!--商品详情-end-->
|
|
|
|
<!-- 底部弹出层 -->
|
|
<div class="pop_box" style="display:none;" id="master">
|
|
<div class="goods_info_pop" style="padding-bottom:0px;">
|
|
<div class="cart_list" >
|
|
<div class="cart_list_info goods_list_item">
|
|
<div class="cart_list_img">
|
|
<img src="<?php echo $post['goods_img']; ?>" style="width:100%; height:100%;">
|
|
</div>
|
|
<div class="cart_goods_info">
|
|
<div class="cart_list_name">
|
|
<div class="cart_detail_gray" style=""><span style="" class="cart_detail_gray_name"><?php echo $post['title']; ?></span></div>
|
|
<div class="cart_detail_gray" style="">
|
|
<p class="cart_sum" id="total_price1_296">￥<span class="attr_price"><?php echo $post['price']; ?></span></p>
|
|
<p class="goods_type">库存<span class="attr_storage"><?php echo $post['goods_number']; ?></span>件</p>
|
|
</div>
|
|
</div>
|
|
</div> <!--cart_info-->
|
|
</div>
|
|
</div><!--item-->
|
|
|
|
<div class="pop_num">
|
|
<span>数量</span>
|
|
<div class="pop_sum">
|
|
<div class="cart_num_control pop_sum">
|
|
<input type="button" value="-" class="cart_num_button" onclick="cart_num_sub()">
|
|
<input type="text" value="1" class="cart_num_text" id="num">
|
|
<input type="button" value="+" class="cart_num_button" onclick="cart_num_add()">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<input type="hidden" id="id" value="<?php echo $post['id']; ?>">
|
|
<input type="hidden" id="goods_number" value="<?php echo $post['goods_number']; ?>">
|
|
<div class="registered_btn pop_btn confirmBtn" style="display:none;" onclick="dosubmit()">
|
|
<input type="hidden" name="cart_type" id="cart_type" value="">
|
|
<span>确定</span>
|
|
</div>
|
|
</div>
|
|
<div class="mask" onclick="masterunshow()"></div>
|
|
</div>
|
|
<script type="text/javascript" src="<?php echo env('APP_URL'); ?>/js/layer/mobile/layer.js"></script>
|
|
<script>
|
|
function mastershow(confirm)
|
|
{
|
|
//如果已经选择属性，则弹出确定按钮，否则弹出加入购物车和立即购买按钮
|
|
var selectname = $("#selectname").html();
|
|
if(selectname||confirm==1||confirm==2){
|
|
$("#cart_type").val(confirm);
|
|
$(".btnBox").hide();
|
|
$(".confirmBtn").show();
|
|
}else{
|
|
$(".btnBox").show();
|
|
$(".confirmBtn").hide();
|
|
}
|
|
|
|
$("#master").show();
|
|
}
|
|
function masterunshow()
|
|
{
|
|
$("#master").hide();
|
|
}
|
|
function cart_num_sub()
|
|
{
|
|
var num = $('#num').val();
|
|
|
|
if(num>1)
|
|
{
|
|
num = parseInt(num)-1;
|
|
$('#num').val(num);
|
|
}
|
|
}
|
|
function cart_num_add()
|
|
{
|
|
var goods_number = $('#goods_number').val();
|
|
var num = $('#num').val();
|
|
num = parseInt(num)+1;
|
|
|
|
if(goods_number<num)
|
|
{
|
|
//提示
|
|
layer.open({
|
|
content: '库存不足'
|
|
,skin: 'msg'
|
|
,time: 2 //2秒后自动关闭
|
|
});
|
|
|
|
return false;
|
|
}
|
|
|
|
$('#num').val(num);
|
|
}
|
|
|
|
function dosubmit()
|
|
{
|
|
var url = '<?php echo env('APP_API_URL').'/cart_add'; ?>';
|
|
var access_token = '<?php echo $_SESSION['weixin_user_info']['access_token']; ?>';
|
|
|
|
var cart_type = $("#cart_type").val();
|
|
var goods_number = $("#num").val();
|
|
var goods_id = $("#id").val();
|
|
|
|
$.post(url,{access_token:access_token,goods_id:goods_id,goods_number:goods_number},function(res)
|
|
{
|
|
if(res.code==0)
|
|
{
|
|
if(cart_type == 2)
|
|
{
|
|
location.href = '<?php echo substr(route('weixin_cart_checkout',array('ids'=>1)),0,-1); ?>' + res.data;
|
|
return false;
|
|
}
|
|
|
|
//提示
|
|
layer.open({
|
|
content: res.msg
|
|
,skin: 'msg'
|
|
,time: 2 //2秒后自动关闭
|
|
});
|
|
}
|
|
else
|
|
{
|
|
//提示
|
|
layer.open({
|
|
content: res.msg
|
|
,skin: 'msg'
|
|
,time: 2 //2秒后自动关闭
|
|
});
|
|
}
|
|
},'json');
|
|
|
|
$("#master").hide();
|
|
}
|
|
|
|
function collect_goods()
|
|
{
|
|
var url = '<?php if(isset($post['is_collect']) && $post['is_collect']>=1){echo env('APP_API_URL').'/collect_goods_delete';}else{echo env('APP_API_URL').'/collect_goods_add';} ?>';
|
|
var access_token = '<?php echo $_SESSION['weixin_user_info']['access_token']; ?>';
|
|
var goods_id = $("#id").val();
|
|
|
|
$.post(url,{access_token:access_token,goods_id:goods_id},function(res)
|
|
{
|
|
if(res.code==0)
|
|
{
|
|
window.location.reload();
|
|
}
|
|
else
|
|
{
|
|
|
|
}
|
|
|
|
layer.open({
|
|
content: res.msg
|
|
,skin: 'msg'
|
|
,time: 2 //2秒后自动关闭
|
|
});
|
|
},'json');
|
|
}
|
|
</script>
|
|
|
|
<!-- 底部按钮开始 -->
|
|
<div class="foohi">
|
|
<div class="bottom_tool_black">
|
|
<div class="bottom_tool_white">
|
|
<ul>
|
|
<a href="tel:12345678910"><li>
|
|
<img src="<?php echo env('APP_URL'); ?>/images/weixin/goods_ic_kefu.png">
|
|
<p>客服</p>
|
|
</li></a>
|
|
<a href="<?php echo route('weixin_cart'); ?>"><li>
|
|
<img src="<?php echo env('APP_URL'); ?>/images/weixin/goods_ic_cart.png">
|
|
<p>购物车</p>
|
|
</li></a>
|
|
</ul>
|
|
</div>
|
|
<div class="bottom_tool_btn">
|
|
<ul>
|
|
<a href="javascript:mastershow(1);"><li class="bg_c_yellow">加入购物车</li></a>
|
|
<a href="javascript:mastershow(2);"><li class="bg_c_orange">立即购买</li></a>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 底部按钮结束 -->
|
|
</body></html>
|