dfgApi.git - Gitblit

<!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>个人CMS</title>
    
    <style>
        body{
            margin: 0;padding: 0;
            background: #ec4050;
        }
        a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:transparent;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{font-family:Arial,PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}
        .list-container{
            padding-top: 10px;
            display:flex;
            align-items: center;
            justify-content:center;
            flex-direction:column;
        }
        .top-bg{
            width: 100%;
        }
        .check_cms
        {
            width: 85%;
            background: #fff;
            border-radius:8px;
            margin-bottom: 20px;
            padding: 10px;
        }
        .topgu
        {
            display: flex;
            flex-direction:column;
            align-items: center;
            justify-content:center;
           
        }
        .topgu_top{
          margin-bottom: 30px;
        }
        .topgu_top img
        {
            width: 100%;
        }
        .topgu_bottom
        {
            display:flex;
            justify-content:center;
            margin-bottom: 10px;
        }
        .topgu_bottom img{
            width:100%;
        }
        .loading {
        display: flex;
        position: fixed;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.2);
        top: 0;
        left: 0;
        z-index: 10;
        justify-content: center;
        align-items: center;
        font-size: .35rem;
        color: #333;
    }
 
    </style>
</head>
 
<body>
    <div id="percms">
 
   
    <div  v-if="loading" class="loading">
        <span>生成中...</span>
    </div>
    <div>
        <img src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/cms_topimg.png" class="top-bg" alt="">
    </div>
    <div class="list-container">
        <div class="check_cms topgu">
           <div class="topgu_top">
                <img src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/cms_guid.png"/>
           </div>
           <div class="topgu_bottom">
            <div style="width:50%">
                <img class="fzimg" @click="getCmsUrl()" src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/cms_fxdp.png"/>
            </div>
             <div style="display: none;" id="copytxt"></div>
            </div>
        </div>
        <div class="check_cms tipcon">
           <div>
            温馨提示：
           </div>
           <div>
            1、xxxxxxxxxxxxxxxxxxxxxxxx<br/>
            2、xxxxxxxxxxxxxxxxxxxxxxxxx<br/>
           </div>
        </div>
    </div>
</div>
</body>
 
</html>
<script type="text/javascript" src="https://cdn.staticfile.org/vue/2.6.11/vue.min.js"></script>
<script>
    new Vue({
        el: '#percms',
        data:{
           cmsUrl:'',
           loading:false,
           cmsurl:''
        },
        methods:{
            getCmsUrl:function(){
                var _this = this;
                _this.loading=true;
                $.ajax({
                    headers:{
                        "token":this.getUrlPar("token")
                    },
                   //url:'http://appapitest.ushopvip.com/api/activity/cmsGet',
                    //url:'http://dfg.shop.com/api/activity/cmsGet',
                    url:'http://dfgapp.ushopvip.com/api/activity/cmsGet',
                    type:"post",
                    dataType:"json",
                    async: false,
                    data:{
                       
                    }
                }).done(function(res){
                    if(res.code == 0){
                        _this.cmsUrl = res.data.url;
                        console.log(res.data.url);
                        _this.cmsurl=res.data.url;
                        _this.handleClipboard(res.data.url);
                    }
                    else {
                      alert(res.msg);
                    }
                    _this.loading=false;                              
                })
            },
            getUrlPar:function(name)
            {
                var reg=new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
                 var r=window.location.search.substr(1).match(reg);
                if(r !=null)return unescape(r[2]);
                 return null;
            },
            handleClipboard: function(text) {
                var _this = this;
                var clipboardImg = new Clipboard('.fzimg', {
                    text: function() {
                        return text;
                    },
                });
                clipboardImg.on('success', function(e) {
                    layer.msg(
                        '复制成功，快分享给小伙伴吧~'
                    );
                    e.clearSelection();
                    clipboardImg.destroy();
                });
 
                clipboardImg.on('error', function(e) {
                    layer.msg('复制失败，请联系客服');
                });
            },
        }
    })
</script>