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.

250 lines
8.8 KiB

7 years ago
7 years ago
7 years ago
8 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
8 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 wish-add-activate">收藏</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. //提示
  184. layer.open({
  185. content: res.msg
  186. ,skin: 'msg'
  187. ,time: 2 //2秒后自动关闭
  188. });
  189. /* if(cart_type == 2)
  190. {
  191. location.href = '<?php echo substr(route('weixin_order_pay',array('id'=>1)),0,strlen(route('weixin_order_pay',array('id'=>1)))-1); ?>' + res.data['id'];
  192. } */
  193. }
  194. else
  195. {
  196. //提示
  197. layer.open({
  198. content: res.msg
  199. ,skin: 'msg'
  200. ,time: 2 //2秒后自动关闭
  201. });
  202. }
  203. },'json');
  204. $("#master").hide();
  205. }
  206. </script>
  207. <!-- 底部按钮开始 -->
  208. <div class="foohi">
  209. <div class="bottom_tool_black">
  210. <div class="bottom_tool_white">
  211. <ul>
  212. <a href="tel:12345678910"><li>
  213. <img src="<?php echo env('APP_URL'); ?>/images/weixin/goods_ic_kefu.png">
  214. <p>客服</p>
  215. </li></a>
  216. <a href="<?php echo route('weixin_cart'); ?>"><li>
  217. <img src="<?php echo env('APP_URL'); ?>/images/weixin/goods_ic_cart.png">
  218. <p>购物车</p>
  219. </li></a>
  220. </ul>
  221. </div>
  222. <div class="bottom_tool_btn">
  223. <ul>
  224. <a href="javascript:mastershow(1);"><li class="bg_c_yellow">加入购物车</li></a>
  225. <a href="javascript:mastershow(2);"><li class="bg_c_orange">立即购买</li></a>
  226. </ul>
  227. </div>
  228. </div>
  229. </div>
  230. <!-- 底部按钮结束 -->
  231. </body></html>