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.

276 lines
9.5 KiB

7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
  1. <!DOCTYPE html><html><head><meta http-equiv="content-type" content="text/html;charset=utf-8"/>
  2. <title>商品详情</title><meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport">
  3. <link href="<?php echo env('APP_URL'); ?>/css/weixin/style.css" type="text/css" rel="stylesheet">
  4. <script type="text/javascript" src="<?php echo env('APP_URL'); ?>/js/jquery.min.js"></script>
  5. <script type="text/javascript" src="<?php echo env('APP_URL'); ?>/js/weixin/mobile.js"></script>
  6. <meta name="keywords" content="关键词"><meta name="description" content="描述"></head><body style="background-color:#f1f1f1;">
  7. <div class="classreturn loginsignup">
  8. <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>
  9. <div class="ds-in-bl tit center"><span>商品详情</span></div>
  10. <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>
  11. </div>
  12. <div class="flool tpnavf cl">
  13. <div class="nav_list">
  14. <ul>
  15. <a href="<?php echo route('weixin'); ?>"><li><img src="<?php echo env('APP_URL'); ?>/images/weixin/home_icon.png"><p>首页</p></li></a>
  16. <a href="<?php echo route('weixin_category'); ?>"><li><img src="<?php echo env('APP_URL'); ?>/images/weixin/brand_icon.png"><p>分类</p></li></a>
  17. <a href="<?php echo route('weixin_cart'); ?>"><li><img src="<?php echo env('APP_URL'); ?>/images/weixin/car_icon.png"><p>购物车</p></li></a>
  18. <a href="<?php echo route('weixin_user'); ?>"><li><img src="<?php echo env('APP_URL'); ?>/images/weixin/center_icon.png"><p>个人中心</p></li></a></ul>
  19. <div class="cl"></div>
  20. </div>
  21. </div>
  22. <!--商品详情-start-->
  23. <div class="goods_detail">
  24. <!--顶部滚动广告栏-start-->
  25. <div class="tbanner">
  26. <!-- Swiper -->
  27. <div class="swiper-container">
  28. <div class="swiper-wrapper">
  29. <div class="swiper-slide"><img src="<?php echo $post['goods_img']; ?>" alt=""></div>
  30. </div>
  31. <!-- Add Pagination -->
  32. <div class="swiper-pagination swiper-pagination-white"></div>
  33. </div>
  34. </div>
  35. <link rel="stylesheet" href="<?php echo env('APP_URL'); ?>/css/swiper.min.css">
  36. <style>
  37. .swiper-container{width:100%;height:90vw;}
  38. .swiper-slide{text-align:center;font-size:18px;background:#fff;}
  39. .swiper-slide img{width:100%;height:100vw;}
  40. </style>
  41. <script type="text/javascript" src="<?php echo env('APP_URL'); ?>/js/swiper.min.js"></script>
  42. <script>
  43. //Swiper轮播
  44. var swiper = new Swiper('.swiper-container', {
  45. pagination: '.swiper-pagination',
  46. paginationClickable: true,
  47. autoHeight: true, //enable auto height
  48. slidesPerView: 1,
  49. paginationClickable: true,
  50. spaceBetween: 30,
  51. loop: true,
  52. centeredSlides: true,
  53. autoplay: 3000,
  54. autoplayDisableOnInteraction: false
  55. });
  56. </script>
  57. <!--顶部滚动广告栏-end-->
  58. <div class="goods-header">
  59. <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>
  60. <div class="goods-price">
  61. <div class="current-price">
  62. <span></span><i class="price"><?php echo $post['price']; ?></i>
  63. </div>
  64. <span class="btn-retail">门店有售</span>
  65. </div>
  66. <div class="stock-detail table-cell">
  67. <dl>
  68. <dt>运费:</dt>
  69. <dd>免运费</dd>
  70. </dl>
  71. <dl>
  72. <dt>库存:</dt>
  73. <dd><?php echo $post['goods_number']; ?></dd>
  74. </dl>
  75. <dl>
  76. <dt>销量:</dt>
  77. <dd><?php echo $post['sale']; ?></dd>
  78. </dl>
  79. </div>
  80. <div class="goods-comment">用户评价<span><?php echo $post['goods_comments_num']; ?>条评价 ></span></div>
  81. </div>
  82. <div class="goods-content">
  83. <div class="module-title">宝贝详情</div>
  84. <div class="module-content"><?php echo $post['body']; ?></div>
  85. </div>
  86. </div>
  87. <!--商品详情-end-->
  88. <!-- 底部弹出层 -->
  89. <div class="pop_box" style="display:none;" id="master">
  90. <div class="goods_info_pop" style="padding-bottom:0px;">
  91. <div class="cart_list" >
  92. <div class="cart_list_info goods_list_item">
  93. <div class="cart_list_img">
  94. <img src="<?php echo $post['goods_img']; ?>" style="width:100%; height:100%;">
  95. </div>
  96. <div class="cart_goods_info">
  97. <div class="cart_list_name">
  98. <div class="cart_detail_gray" style=""><span style="" class="cart_detail_gray_name"><?php echo $post['title']; ?></span></div>
  99. <div class="cart_detail_gray" style="">
  100. <p class="cart_sum" id="total_price1_296"><span class="attr_price"><?php echo $post['price']; ?></span></p>
  101. <p class="goods_type">库存<span class="attr_storage"><?php echo $post['goods_number']; ?></span>件</p>
  102. </div>
  103. </div>
  104. </div> <!--cart_info-->
  105. </div>
  106. </div><!--item-->
  107. <div class="pop_num">
  108. <span>数量</span>
  109. <div class="pop_sum">
  110. <div class="cart_num_control pop_sum">
  111. <input type="button" value="-" class="cart_num_button" onclick="cart_num_sub()">
  112. <input type="text" value="1" class="cart_num_text" id="num">
  113. <input type="button" value="+" class="cart_num_button" onclick="cart_num_add()">
  114. </div>
  115. </div>
  116. </div>
  117. <input type="hidden" id="id" value="<?php echo $post['id']; ?>">
  118. <input type="hidden" id="goods_number" value="<?php echo $post['goods_number']; ?>">
  119. <div class="registered_btn pop_btn confirmBtn" style="display:none;" onclick="dosubmit()">
  120. <input type="hidden" name="cart_type" id="cart_type" value="">
  121. <span>确定</span>
  122. </div>
  123. </div>
  124. <div class="mask" onclick="masterunshow()"></div>
  125. </div>
  126. <script type="text/javascript" src="<?php echo env('APP_URL'); ?>/js/layer/mobile/layer.js"></script>
  127. <script>
  128. function mastershow(confirm)
  129. {
  130. //如果已经选择属性,则弹出确定按钮,否则弹出加入购物车和立即购买按钮
  131. var selectname = $("#selectname").html();
  132. if(selectname||confirm==1||confirm==2){
  133. $("#cart_type").val(confirm);
  134. $(".btnBox").hide();
  135. $(".confirmBtn").show();
  136. }else{
  137. $(".btnBox").show();
  138. $(".confirmBtn").hide();
  139. }
  140. $("#master").show();
  141. }
  142. function masterunshow()
  143. {
  144. $("#master").hide();
  145. }
  146. function cart_num_sub()
  147. {
  148. var num = $('#num').val();
  149. if(num>1)
  150. {
  151. num = parseInt(num)-1;
  152. $('#num').val(num);
  153. }
  154. }
  155. function cart_num_add()
  156. {
  157. var goods_number = $('#goods_number').val();
  158. var num = $('#num').val();
  159. num = parseInt(num)+1;
  160. if(goods_number<num)
  161. {
  162. //提示
  163. layer.open({
  164. content: '库存不足'
  165. ,skin: 'msg'
  166. ,time: 2 //2秒后自动关闭
  167. });
  168. return false;
  169. }
  170. $('#num').val(num);
  171. }
  172. function dosubmit()
  173. {
  174. var url = '<?php echo env('APP_API_URL').'/cart_add'; ?>';
  175. var access_token = '<?php echo $_SESSION['weixin_user_info']['access_token']; ?>';
  176. var cart_type = $("#cart_type").val();
  177. var goods_number = $("#num").val();
  178. var goods_id = $("#id").val();
  179. $.post(url,{access_token:access_token,goods_id:goods_id,goods_number:goods_number},function(res)
  180. {
  181. if(res.code==0)
  182. {
  183. if(cart_type == 2)
  184. {
  185. location.href = '<?php echo substr(route('weixin_cart_checkout',array('ids'=>1)),0,-1); ?>' + res.data;
  186. return false;
  187. }
  188. //提示
  189. layer.open({
  190. content: res.msg
  191. ,skin: 'msg'
  192. ,time: 2 //2秒后自动关闭
  193. });
  194. }
  195. else
  196. {
  197. //提示
  198. layer.open({
  199. content: res.msg
  200. ,skin: 'msg'
  201. ,time: 2 //2秒后自动关闭
  202. });
  203. }
  204. },'json');
  205. $("#master").hide();
  206. }
  207. function collect_goods()
  208. {
  209. 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';} ?>';
  210. var access_token = '<?php echo $_SESSION['weixin_user_info']['access_token']; ?>';
  211. var goods_id = $("#id").val();
  212. $.post(url,{access_token:access_token,goods_id:goods_id},function(res)
  213. {
  214. if(res.code==0)
  215. {
  216. window.location.reload();
  217. }
  218. else
  219. {
  220. }
  221. layer.open({
  222. content: res.msg
  223. ,skin: 'msg'
  224. ,time: 2 //2秒后自动关闭
  225. });
  226. },'json');
  227. }
  228. </script>
  229. <!-- 底部按钮开始 -->
  230. <div class="foohi">
  231. <div class="bottom_tool_black">
  232. <div class="bottom_tool_white">
  233. <ul>
  234. <a href="tel:12345678910"><li>
  235. <img src="<?php echo env('APP_URL'); ?>/images/weixin/goods_ic_kefu.png">
  236. <p>客服</p>
  237. </li></a>
  238. <a href="<?php echo route('weixin_cart'); ?>"><li>
  239. <img src="<?php echo env('APP_URL'); ?>/images/weixin/goods_ic_cart.png">
  240. <p>购物车</p>
  241. </li></a>
  242. </ul>
  243. </div>
  244. <div class="bottom_tool_btn">
  245. <ul>
  246. <a href="javascript:mastershow(1);"><li class="bg_c_yellow">加入购物车</li></a>
  247. <a href="javascript:mastershow(2);"><li class="bg_c_orange">立即购买</li></a>
  248. </ul>
  249. </div>
  250. </div>
  251. </div>
  252. <!-- 底部按钮结束 -->
  253. </body></html>