shopAffirm.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. <!DOCTYPE html>
  2. <html lang="zh-cn">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
  6. <meta name="format-detection" content="email=no" />
  7. <meta name="format-detection" content="telephone=no" />
  8. <title>确认订单</title>
  9. <link rel="stylesheet" href="../../css/reset.css">
  10. <link rel="stylesheet" href="../../css/shopAffirm.css">
  11. </head>
  12. <body>
  13. <header>
  14. <h2><i id="backBtn" onclick="toBack()"></i>确认订单</h2>
  15. </header>
  16. <main class="flex-con">
  17. <div class="inputDiv">
  18. <label class="pName">收货人<input type="text" id="pName" placeholder="请输入您的姓名"></label>
  19. <label class="phone">联系电话<input type="text" id="phone" placeholder="请输入联系电话"></label>
  20. <label class="city">所在地区<p id="location">点击选择</p></label>
  21. <label class="location">收货地址<input type="text" id="street" placeholder="街道、楼牌号等"></label>
  22. <div class="hr"></div>
  23. <div class="carList">
  24. <ul class="hid">
  25. <li>
  26. <div class="left shopImg">{{img}}</div>
  27. <div class="left shopCon">
  28. <p class="shopN">{{name}}</p>
  29. <p class="shopCf">商品描述:总价{{price}}元。</p>
  30. <p class="shopNum">数量:{{num}}件</p>
  31. </div>
  32. </li>
  33. </ul>
  34. </div>
  35. <label class="delivery">配送方式<input type="button" value="选择快递" id="delivery"></label>
  36. <label class="message">买家留言:<input type="text" id="message" placeholder="选填:对本次交易的说明"></label>
  37. <div class="hisLoc">获取历史地址</div>
  38. </div>
  39. <div class="total clearFix">
  40. <div class="totalLe left">
  41. <span class="hj">运费:</span>
  42. <span class="exMoney"></span>
  43. </div>
  44. <div class="totalRi right">
  45. <span class="hj">合计:</span>
  46. <span class="totalNum"></span>
  47. <button class="totalBtn">提交订单</button>
  48. </div>
  49. </div>
  50. <div class="selectDiv">
  51. <div class="closeDiv"></div>
  52. <div class="expressBox">
  53. <h4>选择快递</h4>
  54. <div class="expressCompany">
  55. <ul class="clearFix hid">
  56. <li>
  57. <p class="express"><i class="selectImg"></i>{{exname}}<span class="exPrice">(运费:{{exprice}})</span></p>
  58. </li>
  59. </ul>
  60. </div>
  61. <div class="waitDiv"></div>
  62. <div class="closeBtn"><button>关闭</button></div>
  63. </div>
  64. </div>
  65. <div class="selectLDiv">
  66. <div class="locDiv">
  67. <div class="locH">
  68. <h2 class="clearFix">所在地区 <span class="clBtn right">×</span></h2>
  69. </div>
  70. <div class="locBox">
  71. <ul class="locNav clearFix">
  72. <li class="locLi active">请选择</li>
  73. <li class="cityLi hid"></li>
  74. <li class="areaLi hid"></li>
  75. </ul>
  76. </div>
  77. <div class="conWarp">
  78. <div class="locCon">
  79. <ul></ul>
  80. </div>
  81. <div class="cityCon">
  82. <ul></ul>
  83. </div>
  84. <div class="areaCon">
  85. <ul></ul>
  86. </div>
  87. <div class="hidLoCon">
  88. <ul></ul>
  89. </div>
  90. </div>
  91. <div class="waitDiv"></div>
  92. </div>
  93. </div>
  94. <div class="remindDiv"></div>
  95. </main>
  96. <script src="../../js/publicData.js"></script>
  97. <script src="../../dep/jquery-3.1.0.min.js"></script>
  98. <script src="../../js/shopAffirm.js"></script>
  99. </body>
  100. </html>