审查视图

application/home/view/share/index.html 4.4 KB
王晓刚 authored
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49
<!DOCTYPE html>
<html lang="en">

{include file="public/head"/}
<link rel="stylesheet" href="__CDN__/assets/advertising/css/myInvite.css">

<body>
    <div class="my_invite">
        <!-- 顶部 -->
        <div class="invite_top">
            <div class="invite_now">
                立即邀请
            </div>
            <div class="invite_top_icon"></div>
            <div class="invite_step">
                <div class="invite_step_box layout align_center justify flex_row">
                    <div class="layout justify align_center flex_diection">
                        <div class="invite_step_num">
                            1
                        </div>
                        <div>
                            <p>点击邀请二维码</p>
                            <p>分享给亲友</p>
                        </div>
                    </div>
                    <div class="layout justify align_center flex_diection">
                        <div class="invite_step_num">
                            2
                        </div>
                        <div>
                            <p>亲友扫描二维码</p>
                            <p>加入我们</p>
                        </div>
                    </div>
                    <div class="layout justify align_center flex_diection">
                        <div class="invite_step_num">
                            3
                        </div>
                        <div>
                            <p>亲友参与答题</p>
                            <p>一起赚现金</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="invite_how">
            <div class="layout justify  flex_diection invite_how_box">
                <div class="invite_how_title">怎么收取邀请红包</div>
王晓刚 authored
50 51
                <div class="invite_how_first">1.亲友答题成功后立即收取答题奖励{$exp_ratio.0.ratio}%</div>
                <div>2.亲友入驻平台后,可收取亲友平台费的{$exp_ratio.1.ratio}%</div>
王晓刚 authored
52 53 54
            </div>
        </div>
        <div class="layout  flex_row align_left invite_choice">
王晓刚 authored
55 56
            <div class="layout justify flex_row align_center invite_choice_l active" data-type="1">
                <div class="invite_choice_icon">
王晓刚 authored
57 58 59 60
                    <img src="__CDN__/assets/advertising/img/sun_31@3x.png" alt="">
                </div>
                <div>邀请赚钱</div>
            </div>
王晓刚 authored
61 62
            <div class="layout justify flex_row align_center invite_choice_l" data-type="2">
                <div class="invite_choice_icon">
王晓刚 authored
63 64 65 66 67 68 69 70 71 72
                    <img src="__CDN__/assets/advertising/img/sun_32@3x.png" alt="">
                </div>
                <div>邀请入驻</div>
            </div>
        </div>
        <div class="btn">邀请二维码</div>
        <!-- 二维码弹窗 -->
        <div class="invite_modal"></div>
        <div class="invite_qr_code">
            <div class="invite_code">
王晓刚 authored
73
                 <img src="__CDN__/assets/advertising/img/sun_28@3x.png" alt="" id="poster">
王晓刚 authored
74 75 76 77 78 79 80
            </div>
            <div class="invite_btn">长按图片分享好友</div>
        </div>
    </div>
    {include file="public/js" /}
    <script>
        $(".btn").click(function() {
王晓刚 authored
81 82
            var user_id = "{$user.id}";
            var type = $('.active').attr('data-type');
王晓刚 authored
83
            console.log(type);
王晓刚 authored
84 85 86 87 88 89
            $.ajax({
                url:"{:url('home/share/get_poster')}",
                type:"POST",
                data:{'type':type,'user_id':user_id},
                success:function(res){
                    if(res.code == 1){
王晓刚 authored
90
                        $("#poster").attr('src',res.data.url);
王晓刚 authored
91 92
                        $(".invite_modal").show();
                        $(".invite_qr_code").show();
王晓刚 authored
93 94 95 96 97 98 99 100
                    }else{
                        toast(res.msg);
                    }
                },
                error:function(res){
                    toast('与服务器断开连接');
                }
            })
王晓刚 authored
101 102
        })
        $(".invite_choice_l").click(function() {
王晓刚 authored
103
            $(this).addClass('active');
王晓刚 authored
104 105
            $(this).find("img").attr("src", "__CDN__/assets/advertising/img/sun_31@3x.png");
            $(this).siblings().find("img").attr("src", "__CDN__/assets/advertising/img/sun_32@3x.png");
王晓刚 authored
106
            $(this).siblings().removeClass('active');
王晓刚 authored
107 108 109 110 111
        })
    </script>
</body>

</html>