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.
 
 
 
 
 

296 lines
9.7 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 if(isset($_SESSION['weixin_user_info']['access_token'])){echo $_SESSION['weixin_user_info']['access_token'];} ?>';
if(access_token=='')
{
//提示
layer.open({
content: '请先登录'
,skin: 'msg'
,time: 2 //2秒后自动关闭
});
setTimeout("location.href = '<?php echo route('weixin_login',array('return_url'=>route('weixin_goods_detail',array('id'=>$post['id'])))); ?>'",1000);
return false;
}
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 if(isset($_SESSION['weixin_user_info']['access_token'])){echo $_SESSION['weixin_user_info']['access_token'];} ?>';
var goods_id = $("#id").val();
if(access_token=='')
{
//提示
layer.open({
content: '请先登录'
,skin: 'msg'
,time: 2 //2秒后自动关闭
});
setTimeout("location.href = '<?php echo route('weixin_login',array('return_url'=>route('weixin_goods_detail',array('id'=>$post['id'])))); ?>'",1000);
return false;
}
$.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>