| | |
| | | <!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> |