geek
/
xinyi


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192
							<html>
<head>
    <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" />
    <title>我的会员卡</title>
    <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>
    <link href="/static/css/font-awesome/css/font-awesome.min.css" type="text/css" rel="stylesheet">
</head>
<style>
    .top{
        width: 23rem;
        height: 11rem;
        background:url("/static/imgs/huiyuan-bg.jpg") ;
        margin: 1rem auto;
        border-radius: 0.5rem;
        box-shadow: 0 0 11px 0 rgba(0,0,0,0.2);
        /*box-shadow:3px 2px 5px 0px rgba(0, 0, 0, 0.1);*/
    }
    .top_p1{
        padding-top: 2rem;
        margin-left: 2rem;
    }
    .top_p2{
        margin-left: 2rem;
        margin-top: 1rem;
        color: #fff;
    }
    .top_p2 span{
        margin-left: 1rem;
        font-weight: bolder;
        font-size: 1.2rem;
    }
    .center{
        width: 25rem;
        height: 6rem;
        /*box-shadow: 0 0 11px 0 rgba(0,0,0,0.2);*/
        /*background: #fff;*/
        /*box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);*/
        /*border-bottom: 2px solid #ccc;*/
    }
    .center div p{
        height: 2.5rem;
        line-height: 0.5rem;
        margin-left: 1rem;
        color: #fff;
    }
    .wera{
        float: right;
        color: #fff;
        font-size: 1.5rem;
        margin-right: 0.5rem;
        margin-top: 1.25rem;
    }
    .center div{
        border-radius: 0.5rem;
        margin-top: 1rem;
    }
    ul li{
        list-style: none;
        /*margin-top: -1rem;*/
    }
    ul li img{
        float: left;
        position: relative;
        left: 0.7rem;
        top: 0.8rem;
        width: 1.5rem;
        height: 1.5rem;
    }
    .centers{
        background: #fff;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    }
    .right{
        float: right;
        margin-top: -2.4rem;
        font-size: 1.4rem;
        color: #ccc;
        margin-right: 1.5rem;
    }
    .list-tm{
        width: 22rem;
        height: 3rem;
        line-height: 3rem;
        padding-left:3rem;
        color: #666;
    }
    .centers li:first-child .list-tm{
        margin-top: 3rem;
    }
    .centers li{
        border-bottom: 1px solid #eee;
    }
    .centers li:last-child{
        border-bottom: 0;
    }
    </style>
<body style="background: #f5f5f5">
<div class="top">
    <p class="top_p1">
    <img src="{$userInfo['header_img']}" style="width: 4rem;height: 4rem;border-radius: 2rem;">
    <span style="    position: relative;
    top: -1.7rem;
    color: #fff;
    left: 0.5rem;">{$userInfo['real_name']}</span>
    </p>
    <p class="top_p2">卡号<span>{$str1}</span><span>{$str2}</span><span>{$str3}</span></p>
    <p style="    position: relative;
    left: 19.5rem;
    top: -4rem;width: 3rem;" class="erwei">
        <img src="/static/images/erwei.png" style="width: 2rem">
        <i class="fa fa-angle-right" style="     position: relative;
    top: -0.35rem;
    font-size: 2rem;
    color: #fff;"></i>
    </p>
</div>
<div class="center">
    <div style="background: rgb(253,154,156);width: 23rem;height: 4rem;margin-left: 1rem;position: relative;top: 1rem;    box-shadow: 0 0 11px 0 rgba(0,0,0,0.2);" class="pays">
        <div style="float: left;margin:0;">
            <p style="padding-top: 1rem;margin-left: 1rem;color: #fff;"><span style="padding-right: 0.4rem;font-size: 1.2rem;">{$userInfo.usable_score}</span>积分</p>
            <p style="margin-left: 1rem;color: #fff;">积分详情</p>
        </div>
        <i class="fa fa-angle-right wera"></i>
        <div style="clear: both;"></div>
    </div>
    <!--<div style="float: right;width: 11rem;background: rgb(90,202,245);height: 4rem;    margin-top: -3rem;margin-right: 0.5rem;">-->
        <!--<p style="line-height: 2.5rem;">等级特权</p>-->
        <!--<p>升等级</p>-->
        <!--<i class="fa fa-angle-right wera"></i>-->
    <!--</div>-->
</div>
<div class="centers">
    <ul>

        <li class="pay" style="margin-top: -2.5rem;">
            <img src="/static/imgs/list.png">
            <p class="list-tm">消费记录</p>
            <i class="fa fa-angle-right right"></i>
        </li>

        <!--<li>-->
            <!--<img src="/static/imgs/bot3.png">-->
            <!--<p style="width: 22rem; height: 3rem;line-height: 3rem;border-bottom: 2px solid #ccc;    margin-left: 3rem;">奖金金额</p>-->
            <!--<span style="    float: right;-->
    <!--/* margin-left: 0rem; */-->
    <!--position: relative;-->
    <!--left: -2rem;-->
    <!--top: -2.2rem;color: #ccc;">0.00</span>-->
            <!--<i class="fa fa-angle-right right" style="margin-right: -1rem;"></i>-->
        <!--</li>-->
        <!--<li>-->
            <!--<img src="/static/imgs/bot3.png">-->
            <!--<p style="width: 22rem; height: 3rem;line-height: 3rem;border-bottom: 2px solid #ccc;    margin-left:3rem;">储值余额</p>-->
            <!--<span style="    float: right;-->
    <!--/* margin-left: 0rem; */-->
    <!--position: relative;-->
    <!--left: -2rem;-->
    <!--top: -2.2rem;color: #ccc;">0.00</span>-->
            <!--<i class="fa fa-angle-right right" style="margin-right: -1rem;"></i>-->
        <!--</li>-->
        <li class="userInfo">
            <img src="/static/imgs/person.png">
            <p class="list-tm">个人资料</p>
            <i class="fa fa-angle-right right"></i>
        </li>
    </ul>
</div>
{include file='Index/footer'}

</body>
</html>
<script>
    $(function () {
            $('.bot4').attr('src',"/static/index/images/nav_icon44.png");
            $('.userInfo').click(function () {
                window.location.href="{:url('/index/index/edit_person_info')}"
            })
        $('.pay').click(function () {
            window.location.href="{:url('/index/index/score')}"
        })
        $('.pays').click(function () {
            window.location.href="{:url('/index/index/score')}"
        })
        $('.erwei').click(function () {
            window.location.href="{:url('/index/index/erweicode')}"
        })
    })
    </script>