index.html 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201
  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. <!-- Add to homescreen for Chrome on Android -->
  15. <meta name="mobile-web-app-capable" content="yes">
  16. <!-- Add to homescreen for Safari on iOS -->
  17. <meta name="apple-mobile-web-app-capable" content="yes">
  18. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  19. <meta name="apple-mobile-web-app-title" content="商城" />
  20. <!-- Tile icon for Win8 (144x144 + tile color) -->
  21. <meta name="msapplication-TileColor" content="#0e90d2">
  22. <link rel="stylesheet" href="__CDN__/assets/shop/css/amazeui.css">
  23. <link rel="stylesheet" href="__CDN__/assets/shop/css/menu/normalize.min.css">
  24. <link rel="stylesheet" href="__CDN__/assets/shop/css/menu/bootstrapmb.com.css">
  25. <link rel="stylesheet" href="__CDN__/assets/shop/css/app.css">
  26. <script src="__CDN__/assets/shop/js/jquery.min.js"></script>
  27. <script src="__CDN__/assets/shop/js/leftTime.min.js"></script>
  28. <style>
  29. .orders-img img{width: 40%}
  30. .am-menu-icon{width: 28px;}
  31. .menulist li{
  32. border-bottom: 1px solid #dedede;
  33. }
  34. .wapper {
  35. padding-bottom: 40px;
  36. }
  37. </style>
  38. </head>
  39. <body class="">
  40. <!-- Header -->
  41. <header data-am-widget="header" class="am-header am-header-default" >
  42. <h1 class="am-header-title ">个人中心</h1>
  43. <div class="am-header-right am-header-nav">
  44. <a href="setting.html" class="">
  45. <span class="am-header-nav-title am-icon-cog" style="font-size:18px;"></span>
  46. </a>
  47. </div>
  48. </header>
  49. <div class="wapper" data-html="index">
  50. <!-- Slider -->
  51. <div class="am-g " style="background: #274704">
  52. <div class="am-u-sm-4 am-padding-top-lg am-text-center am-text-white">
  53. <p>余额</p>
  54. <p class="am-text-warning am-text-lg">${$user.usdt}</p>
  55. <p style="border: 1px solid #fff;border-radius: 10px;" onclick="window.location='withdraw.html'">提现</p>
  56. </div>
  57. <div class="am-u-sm-4 am-padding-top-lg am-padding-bottom-lg am-text-center">
  58. {if $user['avatar'] == ''}
  59. <img class="am-round" src="__CDN__/assets/shop/img/avatar.png" width="67" style="border: 3px solid #c5c5c5;border-radius: 100%;"/>
  60. {else/}
  61. <img class="am-round" src="{$user['avatar']}" width="67" />
  62. {/if}
  63. <p class="am-text-center am-text-white">{$user.nickname}</p>
  64. </div>
  65. <div class="am-u-sm-4"></div>
  66. </div>
  67. <div class="am-bg-white">
  68. <ul class="am-list am-list-static am-list-border am-margin-bottom-0" style="border-bottom: 1px solid #dedede">
  69. <li >
  70. <span class="am-blod">我的订单</span>
  71. <span class="am-fr am-link-muted am-text-xs am-uinn-t" onclick="window.location.href='/shop/trade/tradelist'">全部订单<i class="am-icon am-icon-angle-right am-padding-left-sm"></i></span>
  72. </li>
  73. </ul>
  74. <ul class="am-avg-sm-4 am-text-center am-padding-top-sm am-padding-bottom-xs am-text-xs orders-img">
  75. <li onclick="window.location.href='/shop/trade/trade1'">
  76. <img src="__CDN__/assets/shop/img/icon1.png" >
  77. <div class="am-text-gray">待付款</div>
  78. </li>
  79. <li onclick="window.location.href='/shop/trade/trade2'">
  80. <img src="__CDN__/assets/shop/img/icon2.png" >
  81. <div class="am-text-gray">待确认</div>
  82. </li>
  83. <li onclick="window.location.href='/shop/trade/trade3'">
  84. <img src="__CDN__/assets/shop/img/icon3.png" >
  85. <div class="am-text-gray">委托代卖</div>
  86. </li>
  87. <li onclick="window.location.href='/shop/order/orderlist'">
  88. <img src="__CDN__/assets/shop/img/icon4.png" >
  89. <div class="am-text-gray">提货订单</div>
  90. </li>
  91. </ul>
  92. </div>
  93. <div class="am-margin-top-sm">
  94. <div class="">
  95. <ul class="am-list am-list-static am-list-border am-margin-bottom-0 menulist">
  96. <li onclick="window.location.href='/shop/trade/mydraw.html'">
  97. <img src="__CDN__/assets/shop/img/icon6.png" class="am-menu-icon" />
  98. <span>我的产品</span>
  99. <span class="am-fr am-link-muted"><i class="am-icon am-icon-angle-right"></i></span>
  100. </li>
  101. <li onclick="window.location.href='/shop/trade/yuyuecode.html'">
  102. <img src="__CDN__/assets/shop/img/icon7.png" class="am-menu-icon" />
  103. <span>预约记录</span>
  104. <span class="am-fr am-link-muted"><i class="am-icon am-icon-angle-right"></i></span>
  105. </li>
  106. <li onclick="window.location.href='sharelink.html'">
  107. <img src="__CDN__/assets/shop/img/icon18.png" class="am-menu-icon" />
  108. <span>我的推广</span>
  109. <span class="am-fr am-link-muted"><i class="am-icon am-icon-angle-right"></i></span>
  110. </li>
  111. <!--
  112. <li onclick="window.location.href='isreal.html'">
  113. <img src="__CDN__/assets/shop/img/icon19.png" class="am-menu-icon" />
  114. <span>实名认证</span>
  115. <span class="am-fr am-link-muted"><i class="am-icon am-icon-angle-right"></i></span>
  116. </li>
  117. -->
  118. <li onclick="window.location.href='safecenter.html'">
  119. <img src="__CDN__/assets/shop/img/icon8.png" class="am-menu-icon" />
  120. <span>安全中心</span>
  121. <span class="am-fr am-link-muted"><i class="am-icon am-icon-angle-right"></i></span>
  122. </li>
  123. <li onclick="window.location.href='profile.html'">
  124. <img src="__CDN__/assets/shop/img/icon9.png" class="am-menu-icon" />
  125. <span>绑定信息</span>
  126. <span class="am-fr am-link-muted"><i class="am-icon am-icon-angle-right"></i></span>
  127. </li>
  128. <li onclick="window.location.href='aboutus.html'">
  129. <img src="__CDN__/assets/shop/img/icon22.png" class="am-menu-icon" />
  130. <span>联系我们</span>
  131. <span class="am-fr am-link-muted"><i class="am-icon am-icon-angle-right"></i></span>
  132. </li>
  133. <li onclick="window.location.href='/shop/order/addresslist.html'">
  134. <img src="__CDN__/assets/shop/img/icon10.png" class="am-menu-icon" />
  135. <span>地址管理</span>
  136. <span class="am-fr am-link-muted"><i class="am-icon am-icon-angle-right"></i></span>
  137. </li>
  138. </ul>
  139. </div>
  140. <div class="am-padding-xl am-bg-white">
  141. <button type="button" class="am-btn am-btn-black am-round am-btn-block" onclick="window.location='logout'">安全退出</button>
  142. </div>
  143. </div>
  144. </div>
  145. <!-- Footer-Menu -->
  146. <div id="navbar">
  147. <ul id="menu">
  148. <li class="item"><a data-href="{:url('shop/index/index')}">首页</a></li>
  149. <li class="item"><a data-href="{:url('/shop/goods/index')}" >代拍商城</a></li>
  150. <li class="item"><a data-href="{:url('shop/trade/tradelist')}" >全部订单</a></li>
  151. <li class="item"><a data-href="{:url('shop/user/bonuspage')}" >分销中心</a></li>
  152. <li class="item active"><a data-href="{:url('shop/user/index')}">个人中心</a></li>
  153. </ul>
  154. <audio id="menuAudio" src="__CDN__/assets/shop/mp3/btn.wav" style="display: none;" volume="0.5"></audio>
  155. </div>
  156. <!--[if (gte IE 9)|!(IE)]><!-->
  157. <!--<![endif]-->
  158. <!--[if lte IE 8 ]>
  159. <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
  160. <script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
  161. <script src="js/amazeui.ie8polyfill.min.js"></script>
  162. <![endif]-->
  163. <script src="__CDN__/assets/shop/js/amazeui.min.js"></script>
  164. <script src="__CDN__/assets/shop/plugins/superSlide/jquery.SuperSlide.2.1.1.js"></script>
  165. <script src="__CDN__/assets/shop/js/app.js"></script>
  166. <script src="__CDN__/assets/libs/layer/layer.js"></script>
  167. <script type="text/javascript">
  168. $(function() {
  169. // 导航跳转
  170. $("#navbar a").click(function(){
  171. var url = $(this).attr('data-href');
  172. if(url){
  173. playMusic();
  174. setTimeout(function(){
  175. location=url;
  176. }, 800)
  177. }
  178. })
  179. })
  180. /**
  181. * 按钮声音
  182. */
  183. function playMusic(){
  184. var audio = document.getElementById('menuAudio');
  185. if (audio.paused) {
  186. $(audio).attr('autoplay', true);
  187. $(audio).attr('controls', true);
  188. audio.volume = 0.5
  189. audio.play();
  190. } else {
  191. $(audio).removeAttr('autoplay');
  192. $(audio).removeAttr('controls');
  193. audio.pause();
  194. }
  195. }
  196. </script>
  197. </body>
  198. </html>