index.html 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155
  1. <!doctype html>
  2. <html class="no-js">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="description" content="">
  7. <meta name="keywords" content="">
  8. <meta name="viewport" content="width=device-width, initial-scale=1">
  9. <title>确认订单</title>
  10. <!-- Set render engine for 360 browser -->
  11. <meta name="renderer" content="webkit">
  12. <!-- No Baidu Siteapp-->
  13. <meta http-equiv="Cache-Control" content="no-siteapp" />
  14. <link rel="icon" type="image/png" href="js/i/favicon.png">
  15. <!-- Add to homescreen for Chrome on Android -->
  16. <meta name="mobile-web-app-capable" content="yes">
  17. <link rel="icon" sizes="192x192" href="i/app-icon72x72@2x.png">
  18. <!-- Add to homescreen for Safari on iOS -->
  19. <meta name="apple-mobile-web-app-capable" content="yes">
  20. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  21. <meta name="apple-mobile-web-app-title" content="Amaze UI" />
  22. <link rel="apple-touch-icon-precomposed" href="i/app-icon72x72@2x.png">
  23. <!-- Tile icon for Win8 (144x144 + tile color) -->
  24. <meta name="msapplication-TileImage" content="i/app-icon72x72@2x.png">
  25. <meta name="msapplication-TileColor" content="#0e90d2">
  26. <link rel="stylesheet" href="__CDN__/assets/shop/css/amazeui.css">
  27. <link rel="stylesheet" href="__CDN__/assets/shop/css/app.css">
  28. </head>
  29. <body>
  30. <!-- Header -->
  31. <header data-am-widget="header" class="am-header am-header-default">
  32. <div class="am-header-left am-header-nav">
  33. <a href="javascript:void(0);" onclick="javascript:history.back(-1);return false;"><i class="am-header-icon am-icon-angle-left"></i></a>
  34. </div>
  35. <h1 class="am-header-title">
  36. <a href="#title-link">确认订单</a>
  37. </h1>
  38. </header>
  39. <!-- Content -->
  40. <div class="wapper" data-html="orderSubmit">
  41. <div class="am-order-main am-bg-white am-padding-bottom-sm">
  42. <div class="am-shop-info am-bg-white">
  43. <div data-am-widget="titlebar" class="am-titlebar am-titlebar-default" >
  44. <strong>商品信息</strong>
  45. </div>
  46. <div class="am-list-news am-list-news-default" >
  47. <ul class="am-list am-goods-list">
  48. <li class="am-g am-list-item-desced am-padding-bottom-0">
  49. <div class="am-u-sm-3 am-list-thumb am-padding-left-0">
  50. <img src="{$goods.image}" style="width:85%;height:66px"/>
  51. </div>
  52. <div class="am-u-sm-9 am-padding-horizontal-0 am-list-main">
  53. <div class="am-g am-text-default">
  54. <div class="am-u-sm-8 am-padding-horizontal-0">
  55. <div class="am-list-item-text">{$goods.title}</div>
  56. <div class="am-list-item-text"></div>
  57. </div>
  58. <div class="am-u-sm-4 am-padding-horizontal-0 am-text-right">
  59. <p><strong class="am-padding-right-0 am-padding-left-0 am-text-danger am-text-right">¥{$goods.price}</strong></p>
  60. <p>x1</p>
  61. </div>
  62. </div>
  63. </div>
  64. </li>
  65. </ul>
  66. </div>
  67. </div>
  68. </div>
  69. <div class="am-bg-white am-margin-top-sm am-padding-sm am-padding-top-0 am-padding-bottom-0">
  70. <ul class="am-list am-list-static am-margin-bottom-0">
  71. <li>
  72. <span class="">卖家昵称</span>
  73. <span class="am-fr">
  74. <span class="am-block am-fl am-padding-right-sm">{$selluser.nickname}</span>
  75. </span>
  76. </li>
  77. <li>
  78. <span class="">卖家电话</span>
  79. <span class="am-fr">
  80. <span class="am-block am-fl am-padding-right-sm">{$selluser.mobile}</span>
  81. </span>
  82. </li>
  83. </ul>
  84. </div>
  85. <div class="am-bg-white am-margin-top-sm am-padding-sm am-padding-top-0 am-padding-bottom-0">
  86. <ul class="am-list am-list-static am-margin-bottom-0">
  87. <li>
  88. <span class="">订单小计</span>
  89. <span class="am-fr">
  90. <span class="am-block am-fl am-padding-right-sm">{$goods.price}</span>
  91. </span>
  92. </li>
  93. </div>
  94. <div class="am-bg-white am-margin-top-sm am-padding-sm am-padding-top-0 am-padding-bottom-0">
  95. <ul class="am-list am-list-static am-margin-bottom-0">
  96. <li>
  97. <span class="">扣除平台币总计</span>
  98. <span class="am-fr">
  99. <span class="am-block am-fl am-padding-right-sm">{$totalfee}</span>
  100. </span>
  101. </li>
  102. </div>
  103. <div class="am-bg-white am-margin-top-sm am-padding-sm am-padding-top-0 am-padding-bottom-0">
  104. <div class="am-text-center am-text-danger">
  105. <h3>公告</h3>
  106. <div>
  107. {:config('site')['notice']}
  108. </div>
  109. </div>
  110. </div>
  111. </div>
  112. <div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default">
  113. <div class="am-navbar-nav am-cf am-avg-sm-2 am-padding-right-0 am-padding-left-0">
  114. <div class="am-u-sm-12 buybtn am-btn-primary" data-id="0">提交订单</div>
  115. </div>
  116. </div>
  117. <!--[if (gte IE 9)|!(IE)]><!-->
  118. <script src="__CDN__/assets/shop/js/jquery.min.js"></script>
  119. <!--<![endif]-->
  120. <!--[if lte IE 8 ]>
  121. <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
  122. <script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
  123. <script src="js/amazeui.ie8polyfill.min.js"></script>
  124. <![endif]-->
  125. <script src="__CDN__/assets/shop/js/amazeui.min.js"></script>
  126. <script src="__CDN__/assets/shop/js/app.js"></script>
  127. <script src="__CDN__/assets/libs/layer/layer.js"></script>
  128. <script>
  129. $(function(){
  130. $('.am-order-main').css('margin-bottom', $('.am-confirm-btn')[0].offsetHeight+10);
  131. });
  132. $('.buybtn').click(function(){
  133. jQuery.post("{:url('api/trade/match')}" ,{goodsid:"{$goods.id}"},function(data) {
  134. if(data.code>0)
  135. {
  136. location="/shop/user/topay/id/"+data.data.id;
  137. }else{
  138. layer.msg(data.msg);
  139. }
  140. });
  141. });
  142. </script>
  143. </body>
  144. </html>