center.html 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>会员中心</title>
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0" />
  7. <meta name="apple-mobile-web-app-capable" content="yes" />
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  9. <link href="/static/css/font-awesome/css/font-awesome.min.css" rel="stylesheet">
  10. <link rel="stylesheet" href="/static/css/common.css">
  11. <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
  12. <script src="/static/js/common.js"></script>
  13. <script src="/static/js/qrcode.js"></script>
  14. </head>
  15. <style>
  16. .con-top{
  17. width: 100%;
  18. height: 7.5rem;
  19. background: #e35f50;
  20. }
  21. .header{
  22. width: 4.5rem;
  23. height: 4.5rem;
  24. border-radius: 50%;
  25. position: absolute;
  26. left: 1.5rem;
  27. top: 1.5rem;
  28. box-shadow: 0 1px 4px rgba(180, 180, 180, 0.1);
  29. }
  30. .jifen{
  31. position: absolute;
  32. color: white;
  33. font-size: 0.8rem;
  34. left: 7.5rem;
  35. top: 4.1rem;
  36. }
  37. .hui{
  38. position: absolute;
  39. color: white;
  40. font-size: 0.9rem;
  41. left: 7.5rem;
  42. top: 3.8rem;
  43. }
  44. .userName{
  45. position: absolute;
  46. color: white;
  47. font-size: 1.1rem;
  48. left: 7.5rem;
  49. top: 2.5rem;
  50. }
  51. .item{
  52. width: 100%;
  53. height: 3rem;
  54. margin-top: 0.5rem;
  55. line-height: 3rem;
  56. background: white;
  57. font-size: 0.8rem;
  58. color: #666;
  59. }
  60. .item img{
  61. width: 1.2rem;
  62. margin-left: 1rem;
  63. margin-right: 0.8rem;
  64. float: left;
  65. margin-top: 0.9rem;
  66. height: 1.2rem;
  67. }
  68. .item .fa{
  69. float: right;
  70. font-size: 1.5rem;
  71. margin-top: 0.8rem;
  72. margin-right: 0.5rem;
  73. }
  74. .orderItem{
  75. height: 2.2rem;
  76. line-height: 2.2rem;
  77. }
  78. ul{
  79. background: white;
  80. }
  81. ul li{
  82. width: 25%;
  83. float: left;
  84. text-align: center;
  85. padding: 0.8rem 0;
  86. color: #666;
  87. height: 5rem;
  88. }
  89. .con-body *{
  90. color: #666;
  91. }
  92. .con-body i{
  93. color: #999;
  94. }
  95. li img{
  96. width: 1.5rem;
  97. }
  98. li p{
  99. font-size: 0.9rem;
  100. }
  101. a{
  102. text-decoration:none;
  103. color:#333;
  104. }
  105. h1{
  106. padding-top: 0.1rem;
  107. float: left;
  108. font-size: 0.9rem;
  109. line-height: 3rem;
  110. color: #323232;
  111. -webkit-margin-before: 0;
  112. -webkit-margin-after: 0;
  113. }
  114. .user-ul>li>a>em{
  115. width: 1rem;
  116. height: 1rem;
  117. background: red;
  118. display: block;
  119. font-size: 0.6rem;
  120. line-height: 1rem;
  121. color: #fff;
  122. border-radius: 1rem;
  123. position: relative;
  124. left: 3.5rem;
  125. top: -3.5rem;
  126. }
  127. .con-top a font{
  128. border: 1px solid #fff;
  129. padding: 0.1rem 0.4rem;
  130. border-radius: 0.3rem;
  131. font-size: 0.7rem;
  132. }
  133. </style>
  134. <body style="background: #f5f5f5;">
  135. <div class="con-top">
  136. <img src="/static/imgs/tu66.png" class="header">
  137. <p class="userName"></p>
  138. {if empty($userInfo.mobile)}
  139. <a href="{:url('Index/person_info')}?check_user_pay=1">
  140. <p class="hui">成为会员获得更多权益&nbsp;&nbsp;<font>注册会员&nbsp;></font></p>
  141. </a>
  142. {/if}
  143. {if !empty($userInfo.mobile)}
  144. <p class="jifen">积分:<span style="color: white;" id="points"></span></p>
  145. {/if}
  146. </div>
  147. <div class="con-body">
  148. {if !empty($userInfo.mobile)}
  149. <a href="{:url('/index/index/card')}">
  150. <div class="huiItem item" style="box-shadow: 0 1px 4px rgba(180,180,180, 0.1);">
  151. <img src="/static/imgs/crown.png" style="margin-top: 0.7rem;">
  152. <h1>我的会员卡</h1>
  153. <i class="fa fa-angle-right"></i>
  154. </div>
  155. </a>
  156. {/if}
  157. <div class="item orderItem" style="border-bottom: 1px solid #eee;height: 3rem;">
  158. <img src="/static/imgs/list.png" style="margin-top: 0.9rem;">
  159. <h1>我的订单</h1>
  160. <i class="fa fa-angle-right" style="margin-top: 0.7rem;"></i>
  161. <a href="{:url('Order/order')}?order_status=1"><h1 style="float: right;margin-right: 1rem;">全部订单</h1></a>
  162. </div>
  163. <ul style="box-shadow: 0 1px 4px rgba(180,180,180, 0.1);" class="user-ul">
  164. <li>
  165. <a href="{:url('Order/order')}?order_status=10">
  166. <img src="/static/imgs/c2.png">
  167. <p>待付款</p>
  168. {if $nums.no_pay>0}
  169. <em>{$nums.no_pay}</em>
  170. {/if}
  171. </a>
  172. </li>
  173. <li>
  174. <a href="{:url('Order/order')}?order_status=20">
  175. <img src="/static/imgs/c1.png">
  176. <p>待发货</p>
  177. {if $nums.no_send>0}
  178. <em>{$nums.no_send}</em>
  179. {/if}
  180. </a>
  181. </li>
  182. <li>
  183. <a href="{:url('Order/order')}?order_status=30">
  184. <img src="/static/imgs/c3.png">
  185. <p>待收货</p>
  186. {if $nums.no_shou>0}
  187. <em>{$nums.no_shou}</em>
  188. {/if}
  189. </a>
  190. </li>
  191. <li class="clear-fix">
  192. <a href="{:url('Order/order')}?order_status=40">
  193. <img src="/static/imgs/c4.png">
  194. <p>售后</p>
  195. {if $nums.service>0}
  196. <em>{$nums.service}</em>
  197. {/if}
  198. </a>
  199. </li>
  200. <div class="clear"></div>
  201. </ul>
  202. <a href="{:url('Address/addressList_user')}">
  203. <div class="localItem item" style="box-shadow: 0 1px 4px rgba(180,180,180, 0.1);">
  204. <img src="/static/imgs/local.png">
  205. <h1>收货地址</h1>
  206. <i class="fa fa-angle-right"></i>
  207. </div>
  208. </a>
  209. <!--<a href="#">-->
  210. <!--<div class="youItem item" style="box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);">-->
  211. <!--<img src="/static/imgs/yhquan.png">-->
  212. <!--<h1>我的优惠券</h1>-->
  213. <!--<i class="fa fa-angle-right"></i>-->
  214. <!--</div>-->
  215. <!--</a>-->
  216. <a href="{:url('Index/message')}">
  217. <div class="mesItem item" style="box-shadow: 0 1px 4px rgba(180,180,180, 0.1);">
  218. <img src="/static/imgs/xiaoxi.png">
  219. <h1>我的消息</h1>
  220. <i class="fa fa-angle-right"></i>
  221. </div>
  222. </a>
  223. <a href="https://m.kuaidi100.com/">
  224. <div class="mesItem item" style="box-shadow: 0 1px 4px rgba(180,180,180, 0.1);">
  225. <img src="/static/imgs/c3.png">
  226. <h1>快递查询</h1>
  227. <i class="fa fa-angle-right"></i>
  228. </div>
  229. </a>
  230. <!--<a href="javascript:void(0)">-->
  231. <!--<div class="mesItem item" style="box-shadow: 0 1px 4px rgba(180,180,180, 0.1);">-->
  232. <!--<img src="/static/imgs/xunwen.png">-->
  233. <!--<h1>在线询问</h1>-->
  234. <!--<i class="fa fa-angle-right"></i>-->
  235. <!--</div>-->
  236. <!--</a>-->
  237. <a href="http://www.vowkin.com/wap.php">
  238. <div style="color: #ccc;font-size: 12px;text-align: center;margin-top:1rem;">傲盈网络VOWKIN提供技术支持</div>
  239. </a>
  240. </div>
  241. {include file='Index/footer'}
  242. </body>
  243. <script>
  244. $(".bot4").attr("src","/static/index/images/nav_icon44.png");
  245. $(".bottom4 span").css('color','#dc3b32');
  246. $(function(){
  247. //获取用户信息
  248. $.post("{:url('UserInterfaces/getUserInfo')}",function(data){
  249. console.log(data.data);
  250. $(".userName").html(data.data.user_name);
  251. $("#points").html(data.data.usable_score);
  252. $(".header").attr('src',data.data.header_img);
  253. },'JSON')
  254. })
  255. </script>
  256. <script>
  257. (function () {
  258. var _53code=document.createElement("script");
  259. _53code.src = '//tb.53kf.com/code/code/10168967/1';
  260. var s = document.getElementsByTagName("script")[0];
  261. s.parentNode.insertBefore(_53code, s);
  262. })();
  263. </script>
  264. </html>