zhaojs
2023-07-18 5b88a5226b40f1c76f62a041d32cd2457ac476af
public/html/activity/invite2308.html
@@ -0,0 +1,191 @@
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="App-Config" content="fullscreen=yes,useHistoryState=yes,transition=yes">
    <meta content="yes" name="apple-mobile-web-app-capable"><meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <script type="text/javascript" src="https://public.ffquan.cn/lib/jquery-1.12.4.min.js"></script>
    <script type="text/javascript" src="https://public.ffquan.cn/lib/vue-lazyload.js"></script>
    <script type="text/javascript" src="https://public.ffquan.cn/lib/swiper/js/swiper.min.js"></script>
    <script type="text/javascript" src="https://public.ffquan.cn/lib/taobaoCode/taobaoCode.js?v=1.2.1"></script>
    <script type="text/javascript" src="https://public.ffquan.cn/lib/clipboard.min.js"></script>
    <script type="text/javascript" src="https://p1static.dataoke.com/web/js/layer/layer.js?t=202104191256"></script>
    <script type="text/javascript" src="https://img.ushopvip.com/js/uni-webview-js.js"></script>
    <title>邀粉领现金</title>
    <style>
   .com_img{
        width:100%;
     }
     .act_po
     {
        position: relative;
     }
     .top_time
     {
        position: absolute;
        z-index: 99;
        color: #91261E;
        width: 100%;
        height: 20px;
        font-size: 0.1rem;
        text-align: center;
        bottom: 0.1rem;
     }
     .mid_count
     {
        position: absolute;
        z-index: 99;
        color: #91261E;
        width: 100%;
        height: 20px;
        font-size: 0.3rem;
        text-align: center;
        bottom: 0.8rem;
        font-weight: 600;
     }
     .top_txt{
        position: absolute;
        z-index: 99;
        color: #91261E;
        width: 100%;
        height: 20px;
        font-size: 0.3rem;
        text-align: center;
        font-weight: 600;
     }
     .ph_cont
     {
        position: absolute;
        display: flex;
        flex-direction: column;
        width: 100%;
        top: 1.4rem;
        justify-content: center;
        font-size: 12px;
        align-items: center;
     }
     .tbl {
        height: 0.7rem;
        display: flex;
        }
        .cell {
            color: #4D2F08;
    font-weight: 700;
            width: 1%;
            height: 100%;
            flex-grow: 1;
            display: flex;
            /*水平居中、垂直居中*/
            justify-content: center;
            align-items: center;
            /*换行*/
            word-break: break-all;
            word-wrap: break-word;
            white-space: normal;
        }
        .tbl div:last-child {
            border-right: 0;
        }
    </style>
</head>
<body style="background: #f5f5f9; margin: 0px;font-size: 0;">
    <div id="inviteact">
        <div class="act_po">
            <image class="com_img" src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/act_invite_230717_01.png"></image>
            <div class="top_time">
                2023年8月1日9:00-2023年8月31日23:59:59
            </div>
        </div>
        <div class="act_po">
            <div class="top_txt">已邀请的人数</div>
            <image class="com_img" src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/act_invite_230717_02.png"></image>
            <div class="mid_count">
                当前已解锁的红包金额:1000
            </div>
        </div>
        <div class="act_po">
            <image class="com_img" src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/act_invite_230717_03.png"></image>
            <!---排名-->
            <div class="ph_cont">
                <div style="width: 70%;width: 65%;background: #FDECE2;padding: 0.2rem;border-radius: 0.3rem;">
                    <div class="tbl" style="border-bottom: 1px dashed #4D2F08;">
                        <div class="cell" style="justify-content:left;">排名</div>
                        <div class="cell" style="justify-content:left;">用户id</div>
                        <div class="cell">邀请人数</div>
                    </div>
                    <div class="tbl">
                        <div class="cell" style="justify-content:left;">1</div>
                        <div class="cell" style="justify-content:left;">xxx</div>
                        <div class="cell">500</div>
                    </div>
                    <div class="tbl">
                        <div class="cell" style="justify-content:left;">1</div>
                        <div class="cell" style="justify-content:left;">xxx</div>
                        <div class="cell">500</div>
                    </div>
                    <div class="tbl">
                        <div class="cell" style="justify-content:left;">1</div>
                        <div class="cell" style="justify-content:left;">xxx</div>
                        <div class="cell">500</div>
                    </div>
                    <div class="tbl">
                        <div class="cell" style="justify-content:left;">1</div>
                        <div class="cell" style="justify-content:left;">xxx</div>
                        <div class="cell">500</div>
                    </div>
                    <div class="tbl">
                        <div class="cell" style="justify-content:left;">1</div>
                        <div class="cell" style="justify-content:left;">xxx</div>
                        <div class="cell">500</div>
                    </div>
                </div>
            </div>
        </div>
        <div>
            <image class="com_img" src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/act_invite_230717_04.png"></image>
        </div>
    </div>
</body>
</html>
<script type="text/javascript" src="https://cdn.staticfile.org/vue/2.6.11/vue.min.js"></script>
<script>
(function () {
        var size1=document.body.clientWidth;
        var size2=document.documentElement.clientWidth;
        var size=size1<=0?size2:size1;
        size=size<=0?400:size;
        document.documentElement.style.fontSize = (size > 750 ? 750 : size) / 7.5 + 'px';
    })();
    Vue.use(VueLazyload, {
        preLoad: 1.3,//
        error: 'https://sr.ffquan.cn/cms_pic/20200622/bro7s7f6vrkd3jat4ujg0.png',
        loading: 'https://sr.ffquan.cn/cms_pic/20200612/brhjkf76vrkcrfpi79eg0.png',
        attempt: 1
    })
  var app=  new Vue({
        el: '#inviteact',
        data:{
          //posturl:'http://dfg.shop.com',
          posturl:'https://appapitest.ushopvip.com',
          //posturl:'http://dfgapp.ushopvip.com',
        },
        methods:{
        },
        mounted:function(){
        }
    })
</script>