mashangyoujiu/Application/Vip/View/ScoreMall/index.html

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>积分商城</title>
    <link rel="stylesheet" href="__PUBLIC__/vip/css/ScoreMall/index.css">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Webinfo/css/swiper-4.3.3.min.css"/>
    <style>
        a {
            -webkit-tap-highlight-color: transparent;
        }

        html, body {
            background-color: #eee;
        }

        .backHome {
            position: fixed;
            bottom: 80px;
            left: 20px;
            background-color: rgba(0, 0, 0, 0.2);
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            box-sizing: border-box;
            padding: 0 6px;
            text-align: center;
            font-size: 0;
        }

        .backHome::selection {
            background-color: transparent;
        }

        .backHome:active {
            background-color: rgba(0, 0, 0, 0.6);
        }

        .backHome > img {
            width: 25px;
        }

        .backHome > span {
            color: white;
            font-size: 12px;
            line-height: 12px;
            margin: 0;
            padding: 0;
        }
    </style>
</head>
<body>
<div class="bodys" style="padding-bottom: 0;margin-bottom: 20vw;">
    <div class="banner">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <volist name="ban" id="banner">
                    <div class="swiper-slide">
                        <img src="{$banner.image}">
                    </div>
                </volist>
            </div>
        </div>
    </div>
    <!--积分-->
    <div class="integral">
        <img src="__PUBLIC__/vip/images/ScoreMall/score.png" alt="">
        <span>积分：</span>
        <span class="integral_num">{$integral}</span>
    </div>
    <!--商品-->
    <div class="gift_back">
        <div class="gift">
            <volist name="list" id="vo">
                <a href="/index.php/Vip/Onlinepay/score_mall_details.html?id={$vo.id}">
                    <div class="gift_single">
                        <div class="image">
                            <img src="{$vo.image}" alt="">
                        </div>
                        <div class="text">
                            <p>{$vo.name}</p>
                            <p class="int">
                                <span>{$vo.integral}</span>
                                <span>积分</span>
                                <if condition="$vo['type'] eq 2">
                                    <span>+{$vo.price}</span>
                                    <span>元</span>
                                    <elseif condition="$vo['type'] eq 3"/>
                                    <span style="color: #0BB20C;">+{$vo.price}</span>
                                    <span>元</span>
                                </if>
                            </p>
                        </div>
                    </div>
                </a>
            </volist>
        </div>
    </div>
    <!--底部-->
    <div class="foot">
        <div class="home">
            <a href="">
                <img src="__PUBLIC__/vip/images/ScoreMall/index-2.png" alt="">
                <p style="color: #ff877e;">首页</p>
            </a>
        </div>
        <div class="home">
            <a href="{:U('me')}">
                <img src="__PUBLIC__/vip/images/ScoreMall/me-1.png" alt="">
                <p>我的</p>
            </a>
        </div>
    </div>
</div>
<div class="backHome"><img src="__PUBLIC__/vip/images/ScoreMall/back_home.png"><span>返回</span></div>
</body>
<script type="text/javascript" src="__PUBLIC__/jquery/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/Webinfo/js/swiper-4.3.3.min.js"></script>
<script>
    var mySwiper = new Swiper('.swiper-container', {
        autoplay: true, //可选选项，自动滑动
        direction: 'horizontal',
        loop: true
    });
    var integrala = localStorage.integrala || 0;
    console.log(integrala)
    if (integrala == 1) {
        localStorage.clear();
        window.location.reload();
    }
    $('.backHome').click(function () {
        location.href = "{:U('Index/index')}";
    })

</script>
</html>