Açıklama Yok

details.html 2.7KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <html>
  2. <head>
  3. <meta charset="utf-8">
  4. <title>国庆攻略</title>
  5. <meta content="yes" name="apple-mobile-web-app-capable">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
  7. <script type="text/javascript">
  8. document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
  9. window.onresize = function(){
  10. document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
  11. }
  12. </script>
  13. <link rel="stylesheet" type="text/css" href="../common/reset.css?v=1.2"/>
  14. <link rel="stylesheet" type="text/css" href="dist/swiper-3.4.2.min.css?v=1.2">
  15. <link rel="stylesheet" type="text/css" href="css/details.css?v=1.2">
  16. <script type="text/javascript" src="../common/jquery-2.1.0.js"></script>
  17. <style type="text/css" media="screen">
  18. </style>
  19. </head>
  20. <body>
  21. <div class="swiper-container">
  22. <div class="swiper-wrapper">
  23. <div class="swiper-slide">
  24. <img width="100%" src="" />
  25. </div>
  26. </div>
  27. <!-- 如果需要分页器 -->
  28. <div class="swiper-pagination"></div>
  29. </div>
  30. <div class="details-wrapper">
  31. <!--<h5 class="price">
  32. <span>券后 ¥</span><em>12</em>
  33. <span class="icon icon-price">券&nbsp;&nbsp;&nbsp;20元</span>
  34. </h5>
  35. <div class="info">
  36. <p class="before-price">价格 <span>20</span></p>
  37. <p class="quantity"> 月销 522</p>
  38. </div>
  39. <p class="elli desc">商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称</p>-->
  40. </div>
  41. <div class="btn-wrapper">
  42. <input id="copy_1" type="text" readOnly="true" value=""/>
  43. <div id="copy_2"></div>
  44. <text id="taokouling"></text>
  45. <button class="btn" style="width: 100%;float: left;background:linear-gradient(90deg,#FEC800,#FD9D03);">立即去领券</button>
  46. </div>
  47. <div id="toast" class="hide">
  48. <div class="weui-mask_transparent"></div>
  49. <div class="weui-toast">
  50. <i class="weui-icon-success-no-circle"></i>
  51. <p class="weui-toast__content">已完成</p>
  52. </div>
  53. </div>
  54. <div class="alert-info" style="display: none;">
  55. <!-- tip提示,3s后消失 -->
  56. <p></p>
  57. </div>
  58. <script src="dist/swiper.min.js?v=1.1" type="text/javascript" charset="utf-8"></script>
  59. <script src="js/details.js?v=1.1" type="text/javascript" charset="utf-8"></script>
  60. </body>
  61. </html>