my_balance.html 3.1 KB

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_834805_0ml90wdq5hzm.css">
    <link rel="stylesheet" href="__INDEX__/css/base.css">
    <link rel="stylesheet" href="__INDEX__/css/swiper.min.css">
    <script type="text/javascript" src="__INDEX__/js/base.js"></script>
    <title>我的积分</title>
    <style>
        .head{
            width:7.5rem;
            height:3rem;
            background:linear-gradient(-30deg,rgba(248,199,11,1),rgba(254,230,0,1));
            padding-top: 0.7rem;
        }
        .total_integrate{
            font-size:0.88rem;
            color:#1A1A1A;
            font-weight: bold;
            width:6rem;
            height:1.2rem;
            margin: 0 auto;
            text-align: center;
        }
        .remain{
            width:6rem;
            text-align: center;
            margin: 0 auto;
            font-size: 0.24rem;
            color:#1A1A1A;
        }
        .list{
            display:flex;
            justify-content: space-between;
            align-items: center;
            padding: 0.39rem 0.32rem;
            border-bottom: 1px solid #f5f5f5;

        }
        .record{
            font-size: 0.287rem;
            color:#1A1A1A;

        }
        .icon-jinru{
            color:#CCCCCC
        }
        .integrate_list{
            background: #fff;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="head">
        <p class="total_integrate">{$balance}</p>
        <p class="remain">积分余额</p>
    </div>
    <div class="integrate_list">
        <div class="list takenote" data-url="{:url('user/Center/integralLog',['type'=>1])}">
            <p class="record">积分获取记录</p>
            <P class="iconfont icon-jinru"></P>
        </div>
        <div class="list uselist" data-url="{:url('user/Center/integralLog',['type'=>2])}">
            <p class="record">积分使用记录</p>
            <P class="iconfont icon-jinru"></P>
        </div>
        <div class="list friend" data-url="{:url('friendship/Friend/friendGiveLog')}">
            <p class="record">积分赠送</p>
            <P class="iconfont icon-jinru"></P>
        </div>
        <div class="list password" data-url="{:url('friendship/Friend/passwordManager')}">
            <p class="record">积分密码管理</p>
            <P class="iconfont icon-jinru"></P>
        </div>
    </div>
</div>
</body>
<script src="__INDEX__/js/jquery.min.js"></script>
<script>
    $(".takenote").click(function(){
        window.location.href=$(this).attr('data-url');
    })
    $(".uselist").click(function(){
        window.location.href=$(this).attr('data-url');
    })
    //赠送好友积分
    $(".friend").click(function(){
        window.location.href=$(this).attr('data-url');
    })
    $(".password").click(function(){
        var sure=confirm("是否修改密码");
        if(sure==true){
            window.location.href=$(this).attr('data-url');
        }

    })
</script>
</html>