123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <title>会员中心</title>
- <meta charset="UTF-8">
- <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0" />
- <meta name="apple-mobile-web-app-capable" content="yes" />
- <meta name="apple-mobile-web-app-status-bar-style" content="black" />
- <link href="/static/css/font-awesome/css/font-awesome.min.css" rel="stylesheet">
- <link rel="stylesheet" href="/static/css/common.css">
- <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
- <script src="/static/js/common.js"></script>
- <script src="/static/js/qrcode.js"></script>
- </head>
- <style>
- .con-top{
- width: 100%;
- height: 7.5rem;
- background: #e35f50;
- }
- .header{
- width: 4.5rem;
- height: 4.5rem;
- border-radius: 50%;
- position: absolute;
- left: 1.5rem;
- top: 1.5rem;
- box-shadow: 0 1px 4px rgba(180, 180, 180, 0.1);
- }
- .jifen{
- position: absolute;
- color: white;
- font-size: 0.8rem;
- left: 7.5rem;
- top: 4.1rem;
- }
- .hui{
- position: absolute;
- color: white;
- font-size: 0.9rem;
- left: 7.5rem;
- top: 3.8rem;
- }
- .userName{
- position: absolute;
- color: white;
- font-size: 1.1rem;
- left: 7.5rem;
- top: 2.5rem;
- }
- .item{
- width: 100%;
- height: 3rem;
- margin-top: 0.5rem;
- line-height: 3rem;
- background: white;
- font-size: 0.8rem;
- color: #666;
- }
- .item img{
- width: 1.2rem;
- margin-left: 1rem;
- margin-right: 0.8rem;
- float: left;
- margin-top: 0.9rem;
- height: 1.2rem;
- }
- .item .fa{
- float: right;
- font-size: 1.5rem;
- margin-top: 0.8rem;
- margin-right: 0.5rem;
- }
- .orderItem{
- height: 2.2rem;
- line-height: 2.2rem;
- }
- ul{
- background: white;
- }
- ul li{
- width: 25%;
- float: left;
- text-align: center;
- padding: 0.8rem 0;
- color: #666;
- height: 5rem;
- }
- .con-body *{
- color: #666;
- }
- .con-body i{
- color: #999;
- }
- li img{
- width: 1.5rem;
- }
- li p{
- font-size: 0.9rem;
- }
- a{
- text-decoration:none;
- color:#333;
- }
- h1{
- padding-top: 0.1rem;
- float: left;
- font-size: 0.9rem;
- line-height: 3rem;
- color: #323232;
- -webkit-margin-before: 0;
- -webkit-margin-after: 0;
- }
- .user-ul>li>a>em{
- width: 1rem;
- height: 1rem;
- background: red;
- display: block;
- font-size: 0.6rem;
- line-height: 1rem;
- color: #fff;
- border-radius: 1rem;
- position: relative;
- left: 3.5rem;
- top: -3.5rem;
- }
- .con-top a font{
- border: 1px solid #fff;
- padding: 0.1rem 0.4rem;
- border-radius: 0.3rem;
- font-size: 0.7rem;
- }
- </style>
- <body style="background: #f5f5f5;">
- <div class="con-top">
- <img src="/static/imgs/tu66.png" class="header">
- <p class="userName"></p>
- {if empty($userInfo.mobile)}
- <a href="{:url('Index/person_info')}?check_user_pay=1">
- <p class="hui">成为会员获得更多权益 <font>注册会员 ></font></p>
- </a>
- {/if}
- {if !empty($userInfo.mobile)}
- <p class="jifen">积分:<span style="color: white;" id="points"></span></p>
- {/if}
- </div>
- <div class="con-body">
- {if !empty($userInfo.mobile)}
- <a href="{:url('/index/index/card')}">
- <div class="huiItem item" style="box-shadow: 0 1px 4px rgba(180,180,180, 0.1);">
- <img src="/static/imgs/crown.png" style="margin-top: 0.7rem;">
- <h1>我的会员卡</h1>
- <i class="fa fa-angle-right"></i>
- </div>
- </a>
- {/if}
- <div class="item orderItem" style="border-bottom: 1px solid #eee;height: 3rem;">
- <img src="/static/imgs/list.png" style="margin-top: 0.9rem;">
- <h1>我的订单</h1>
- <i class="fa fa-angle-right" style="margin-top: 0.7rem;"></i>
- <a href="{:url('Order/order')}?order_status=1"><h1 style="float: right;margin-right: 1rem;">全部订单</h1></a>
- </div>
- <ul style="box-shadow: 0 1px 4px rgba(180,180,180, 0.1);" class="user-ul">
- <li>
- <a href="{:url('Order/order')}?order_status=10">
- <img src="/static/imgs/c2.png">
- <p>待付款</p>
- {if $nums.no_pay>0}
- <em>{$nums.no_pay}</em>
- {/if}
- </a>
- </li>
- <li>
- <a href="{:url('Order/order')}?order_status=20">
- <img src="/static/imgs/c1.png">
- <p>待发货</p>
- {if $nums.no_send>0}
- <em>{$nums.no_send}</em>
- {/if}
- </a>
- </li>
- <li>
- <a href="{:url('Order/order')}?order_status=30">
- <img src="/static/imgs/c3.png">
- <p>待收货</p>
- {if $nums.no_shou>0}
- <em>{$nums.no_shou}</em>
- {/if}
- </a>
- </li>
- <li class="clear-fix">
- <a href="{:url('Order/order')}?order_status=40">
- <img src="/static/imgs/c4.png">
- <p>售后</p>
- {if $nums.service>0}
- <em>{$nums.service}</em>
- {/if}
- </a>
- </li>
- <div class="clear"></div>
- </ul>
- <a href="{:url('Address/addressList_user')}">
- <div class="localItem item" style="box-shadow: 0 1px 4px rgba(180,180,180, 0.1);">
- <img src="/static/imgs/local.png">
- <h1>收货地址</h1>
- <i class="fa fa-angle-right"></i>
- </div>
- </a>
- <!--<a href="#">-->
- <!--<div class="youItem item" style="box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);">-->
- <!--<img src="/static/imgs/yhquan.png">-->
- <!--<h1>我的优惠券</h1>-->
- <!--<i class="fa fa-angle-right"></i>-->
- <!--</div>-->
- <!--</a>-->
- <a href="{:url('Index/message')}">
- <div class="mesItem item" style="box-shadow: 0 1px 4px rgba(180,180,180, 0.1);">
- <img src="/static/imgs/xiaoxi.png">
- <h1>我的消息</h1>
- <i class="fa fa-angle-right"></i>
- </div>
- </a>
- <a href="https://m.kuaidi100.com/">
- <div class="mesItem item" style="box-shadow: 0 1px 4px rgba(180,180,180, 0.1);">
- <img src="/static/imgs/c3.png">
- <h1>快递查询</h1>
- <i class="fa fa-angle-right"></i>
- </div>
- </a>
- <!--<a href="javascript:void(0)">-->
- <!--<div class="mesItem item" style="box-shadow: 0 1px 4px rgba(180,180,180, 0.1);">-->
- <!--<img src="/static/imgs/xunwen.png">-->
- <!--<h1>在线询问</h1>-->
- <!--<i class="fa fa-angle-right"></i>-->
- <!--</div>-->
- <!--</a>-->
- <a href="http://www.vowkin.com/wap.php">
- <div style="color: #ccc;font-size: 12px;text-align: center;margin-top:1rem;">傲盈网络VOWKIN提供技术支持</div>
- </a>
- </div>
- {include file='Index/footer'}
- </body>
- <script>
- $(".bot4").attr("src","/static/index/images/nav_icon44.png");
- $(".bottom4 span").css('color','#dc3b32');
- $(function(){
- //获取用户信息
- $.post("{:url('UserInterfaces/getUserInfo')}",function(data){
- console.log(data.data);
- $(".userName").html(data.data.user_name);
- $("#points").html(data.data.usable_score);
- $(".header").attr('src',data.data.header_img);
- },'JSON')
- })
- </script>
- <script>
- (function () {
- var _53code=document.createElement("script");
- _53code.src = '//tb.53kf.com/code/code/10168967/1';
- var s = document.getElementsByTagName("script")[0];
- s.parentNode.insertBefore(_53code, s);
- })();
- </script>
- </html>
|