index.html 7.8 KB

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