{extend name="./template/default/pub/base.html" /}
{block name="seo"}
<title>我的推广-{$site_name}</title>
{/block}
{block name="content"}
{include file="./template/default/pub/top4.html" /}
<div class="wallet-main">
    <div class="wallet-main-coin">
        <div class="wallet-main-coin-left">
            <span class="wallet-main-coin-title"> 推广奖励 </span>
        </div>
        <div class="wallet-main-coin-right">
            <span style="color: red" class="wallet-main-coin-value">{$promotion_sum}</span> 元
        </div>
    </div>
    <a class="wallet-main-coin-btn copy-btns" id="copy-btns">获取推广链接</a>
    <input type="text" value="{$url}?pid={$Think.session.xwx_user_id}" id="copy-text" style="visibility: hidden;">
    <ol>
        <li style="list-style-type: disc;width: 90%;margin-left:5%;" class="wallet-main-coin-title">
            通过您的推广链接注册的会员自动成为您的下线, 同时您会获得<span style="color: red">{$reg_reward}</span>元的奖励
        </li>
        <li style="list-style-type: disc;width: 90%;margin-left:5%" class="wallet-main-coin-title">
            下线会员任何一笔充值，您都有<span style="color: red">{$promotion_rate}%</span>的奖励
        </li>
    </ol>

</div>
<div id="wrapper" style="touch-action: none;">
    <ul class="vip-record" style="transform: translate(0px, 0px) translateZ(0px);">
        {volist name="rewards" id="vo"}
        <li>
            <p class="vip-record-rechange">{$vo.create_time|date='Y-m-d'}</p>
            <span class="vip-record-right">{$vo.money}元</span>
        </li>
        {/volist}
    </ul>
</div>
<div class="toast" style="display:none;"></div>
<script src="https://cdn.bootcss.com/clipboard-polyfill/3.0.0-beta3/clipboard-polyfill.js"></script>
<script type="text/javascript">
    $('#copy-btns').click(function () {
        var text=$('#copy-text').val();
        clipboard.writeText(text).then(function(){
            ShowDialog('复制成功');
        }, function(err){
            ShowDialog('复制失败');
        });
    })

</script>
{/block}