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.

200 lines
7.6 KiB

7 years ago
8 years ago
7 years ago
8 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="/Weixin/index.php?m=Store&amp;a=index"><li><img src="<?php echo env('APP_URL'); ?>/images/weixin/brand_icon.png"><p>分类</p></li></a>
  17. <a href="/Weixin/index.php?m=Cart&amp;a=index"><li><img src="<?php echo env('APP_URL'); ?>/images/weixin/car_icon.png"><p>购物车</p></li></a>
  18. <a href="/Weixin/index.php?m=User&amp;a=index"><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>共0条评价 ></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="http://www.yst.com/yst/Public/kindeditor/attached/image/20160227/20160227031317_35279.png" 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">1232</span></div>
  99. <div class="cart_detail_gray" style="">
  100. <p class="cart_sum" id="total_price1_296"><span class="attr_price">1.00</span></p>
  101. <p class="goods_type">库存<span class="attr_storage">10</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="resultid" value="">
  118. <input type="hidden" id="storage" value="10">
  119. <div class="registered_btn pop_btn confirmBtn" style="display:none;" onclick="dosubmit()">
  120. <input type="hidden" name="cartType" id="cartType" 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. $("#cartType").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. num = parseInt(num)-1;
  151. $('#num').val(num);
  152. }
  153. }
  154. function cart_num_add()
  155. {
  156. var storage = $('#storage').val();
  157. var num = $('#num').val();
  158. num = parseInt(num)+1;
  159. if(storage<num){
  160. /* jAlert("库存量不足!", alert_title); */
  161. messageNotice("库存量不足!");
  162. return false;
  163. }
  164. $('#num').val(num);
  165. }
  166. </script>
  167. <!-- 底部按钮开始 -->
  168. <div class="foohi">
  169. <div class="bottom_tool_black">
  170. <div class="bottom_tool_white">
  171. <ul>
  172. <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=386092124&amp;site=qq&amp;menu=yes"><li>
  173. <img src="<?php echo env('APP_URL'); ?>/images/weixin/goods_ic_kefu.png">
  174. <p>客服</p>
  175. </li></a>
  176. <a href="<?php echo route('weixin_cart'); ?>"><li>
  177. <img src="<?php echo env('APP_URL'); ?>/images/weixin/goods_ic_cart.png">
  178. <p>购物车</p>
  179. </li></a>
  180. </ul>
  181. </div>
  182. <div class="bottom_tool_btn">
  183. <ul>
  184. <a href="javascript:mastershow(1);"><li class="bg_c_yellow">加入购物车</li></a>
  185. <a href="javascript:mastershow(2);"><li class="bg_c_orange">立即购买</li></a>
  186. </ul>
  187. </div>
  188. </div>
  189. </div>
  190. <!-- 底部按钮结束 -->
  191. </body></html>