scan-count-template.php 2.26 KB
<?php

use yii\helpers\Url;

$baseUrl = Url::base(true);
?>
<style>
    #scan-count .page-content {
        background-color: #fff;
    }
    #scan-count .scan-image-div {
        text-align: center;
        width: 12.19rem;
        height: 12.19rem;
        margin: 0 auto;
        margin-top: 2rem;
        background: url( <?=$baseUrl?>/i/check/check_count.png) center no-repeat #ffffff;
        background-size: 100% 100%;
    }
    #scan-count .count-title {
        height: 1rem;
        font-size: 1rem;
        font-weight: 400;
        color: rgba(51,51,51,1);
        line-height: 1.5rem;
        padding-top: 3.5rem;
    }
    #scan-count .count-num {
        font-size:3.3rem;
        font-weight:400;
        color:rgba(51,51,51,1);
        line-height:3.17rem;
    }
    #scan-count .count-div {
        margin-top: 1.78rem;
    }
    #scan-count .scan-button {
        margin: 0 auto;
        margin-top: 3rem;
        width: 15.75rem;
        height: 2.81rem;
        background: url(<?=$baseUrl?>/i/check/check_btn.png) center no-repeat #ffffff;
        color: #FFF;
        text-align: center;
        line-height: 2.81rem;
        font-size:1.06rem;
        font-weight:400;
    }
    #scan-count .tip-div {
        font-size:1rem;
        font-weight:400;
        color:rgba(51,51,51,1);
        line-height:1.5rem;
        text-align: left;
        margin: 0 auto;
        margin-top: 2.81rem;
        max-width: 18rem;
    }
</style>
<script id="scan-count-template" type="text/template">
    <div class="pages" id="scan-count">
        <div class="page">
            <div class="page-content">
                <div class="scan-image-div">
                    <div class="count-title">二维码被扫描次数</div>
                    <div class="count-div">
                        <span class="count-num">0</span><span>次</span>
                    </div>
                </div>
                <div class="tip-div">
                    亲爱的用户:<br/>
                    如果二维码扫描次数过多,您购买的产品存在假冒的风险,请点击【验证标签】进行真伪校验。
                </div>
                <div class="scan-button">
                    验证标签
                </div>
            </div>
        </div>
    </div>
</script>