网页源码在线查看

✅ 源码获取成功

网页源码

<!DOCTYPE html> <html lang="en"> <!-- _____ _ _ _ _____ | __ \ | | | | /\ (_) | __ \ | |__) || |__ __ _ | | / \ _ __ _ | |__) |_ __ ___ | ___/ | '_ \ / _` || | / /\ \ | '_ \ | | | ___/| '__|/ _ \ | | | | | || (_| || | / ____ \ | |_) || | | | | | | (_) | |_| |_| |_| \__,_||_|/_/ \_\| .__/ |_| |_| |_| \___/ | | |_| --> <head> <meta charset="utf-8"> <title>果果云</title> <meta name="description" content=""> <meta name="keywords" content=""> <link rel="stylesheet" href="/semantic/semantic.min.css"> <link rel="stylesheet" href="/semantic/components/table.min.css"> <link rel="stylesheet" href="/semantic/components/container.min.css"> <link rel="stylesheet" href="/semantic/components/message.min.css"> <link rel="stylesheet" href="/semantic/components/label.min.css"> <link rel="icon" href="/favicon.ico" type="image/x-icon" /> <script src="/static/jquery.min.js"></script> <script src="/static/jquery.cookie.min.js"></script> <script src="/semantic/semantic.min.js"></script> <style> /* @media only screen and (max-width: 767px){ .ui.container{ margin: 0!important; } } */ .row.page-content-item .flex-item { flex: 1; } </style> </head> <body> <style> .ui.fixed.menu{ height:64px; background:linear-gradient(170deg,rgba(250,195,83,1) 0%,rgba(249,169,67,1) 100%); box-shadow:0px 0px 40px 0px rgba(0,0,0,0.05); display:flex; justify-content: center } .content-wrap-1200 { width: 100% !important; max-width: 1200px !important; } .flex { display:flex; } .align-item-center { align-items: center; } .ui.message>:last-child{ display: flex; justify-content: space-between; width: 100%!important; } .ui.menu>.content-wrap-1200, .ui.menu>.grid{ width:100%; } .ui.menu .item:before{ width:0px; } .contentList__logo{ display: flex; justify-content: center; align-items: center; } .contentList__logo .logo{ width: auto !important; } .contentList__nav{ margin-left: 10%; display: flex; justify-content: center; align-items: center; height: 100%; } .nav__index{ position: relative; } .contentList__nav a{ height: 100%; font-size:20px; font-family:PingFangSC-Medium,PingFang SC; font-weight:500; padding-right: 0!important; padding-left: 0!important; margin-left: 20px; margin-right: 20px; color: #fff; font-size: 16px; border-bottom: 4px solid transparent; /* transition: 2s; */ /* transform: 1s; */ } .contentList__nav a:hover{ border-bottom: 4px solid #333; } .ui.inverted.menu .dropdown.item:hover, .ui.inverted.menu .link.item:hover, .ui.inverted.menu a.item:hover, .ui.link.inverted.menu .item:hover{ background: none; color: #333; } .ui.inverted.menu .active.item{ background: none!important; color: #333!important; border-bottom: 4px solid #333; } .ui.inverted.menu .active.item:hover{ color: #333!important; } .logo{ margin-right: 5px !important; } .register{ padding-right: 0!important; } </style> <div class="ui fixed inverted menu black"> <div class="ui content-wrap-1200 contentList flex align-item-center"> <div class="contentList__logo"> <a href="https://web-tools.phalapi.net/docs.php" class="header item" style="padding: 0px; font-size: 22px; font-weight: 500; color:#fff;"> <img class="logo" alt="pro" src="/favicon.ico"> 果果云 </a> </div> <div class="contentList__nav"> <a href="/" class="item" class="nav__index">首页</a> <a href="https://web-tools.phalapi.net/docs.php" class="item">OpenAPI</a> <a href="/wiki/" target="_blank" class="item">技术文档</a> </div> <div class="right menu"> <div class="ui dropdown item" style="color: #333;"> 语言 <i class="dropdown icon"></i> <div class="menu"> <a class="item" href="https://web-tools.phalapi.net/docs.php?language=zh_cn" >简体中文</a> <a class="item" href="https://web-tools.phalapi.net/docs.php?language=en" >English</a> </div> </div> </div> <!-- 欢迎/注册 --> <div class="item register"> <div class="ui black basic button"> <a href="https://web-tools.phalapi.net/admin" style="color: #333" target="_blank">注册</a> </div> &nbsp;&nbsp;&nbsp; <div class="ui black button"> <a href="https://web-tools.phalapi.net/admin" style="color: #fff;font-weight:500" target="_blank">登录</a> </div> </div> </div> </div> <div class="row"></div> <script> window.onload = function() { let href = window.location.href let $contentList__nav = $(".contentList__nav .item") console.log('onload', $contentList__nav) $contentList__nav.each(function (params) { console.log(href, this.href, href===this.href) //兼容 文章列表 if (this.href==='https://web-tools.phalapi.net/?s=App.Page_Article.list' &&href.indexOf('https://web-tools.phalapi.net/?s=App.Page_Article.content')>-1 ) { $(this).addClass("active") } if (this.href==='https://web-tools.phalapi.net/?s=App.Page_Article.list' &&href.indexOf('https://web-tools.phalapi.net/?s=App.Page_Article.list')>-1 ) { $(this).addClass("active") } //保证之前的代码是正常的 if (href===this.href) { $(this).addClass("active") } }) } </script> <!-- banner --> <div class="banner"> <div class="content-wrap-1200 content"> <p class="greet">欢迎使用 果果云</p> <p class="info-desc">注册开发者并创建应用后&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;即可接入和调用API接口</p> <a class="ui button yellow" href="https://web-tools.phalapi.net/platform" target="_blank">开发者注册</a> <div class="row text-center page-content-item" style="display: flex;"> <div class="top-container"> <div class="flex-item"> <div class="price-item" style="display: flex;height: 100%;"> <i class="round-icon" style="background:white url(/images/logo1.png) no-repeat center center"></i> <div class="title-h4">开放平台</div> <p class="desc">提供给开发者使用的平台,使用对象是内部或外部开发者、合作伙伴、供应商、第三方等,可以管理应用,查看接口权限。</p> <a href="https://web-tools.phalapi.net/platform" target="_blank" class="card-item-abtn">进入开放平台</a> </div> </div> <!-- /.flex-item --> <!-- aos="fade-up" 加载效果 --> <div class="flex-item"> <div class="price-item" style="display: flex;height: 100%;"> <i class="round-icon" style="background:white url(/images/logo2.png) no-repeat center center"></i> <div class="title-h4">开放接口</div> <p class="desc">提供给客户端调用的云端接口服务,使用对象是App、微信小程序、第三方系统等。</p> <a href="https://web-tools.phalapi.net/docs.php" target="_blank" class="card-item-abtn center-item">查看全部接口</a> </div> </div> <!-- /.flex-item --> <!-- aos="fade-right" 加载效果 直接加入 --> <!-- <div class="flex-item"> <div class="price-item"> <i style="background:url(http://cd7.yesapi.net/F9B20374B4CBD344913900A437BA56A2_20200225215445_3f9f20fe5ecc6120042ca5cb24c8d361.png) no-repeat center center / 80%"></i> <h4>运营平台</h4> <p class="desc">提供给内部职能部门使用的运营平台,使用对象是商务、客服、产品、运营等人员,可以进行日常的运营维护。</p> <a href="http://open.yesapi.cn/?r=Pay/Order&product=dev" target="_blank">进入运营平台 »</a> </div> </div> --> <div class="flex-item"> <div class="price-item" style="display: flex;height: 100%;"> <i class="round-icon" style="background:white url(/images/logo3.png) no-repeat center center"></i> <div class="title-h4">管理后台</div> <p class="desc">提供给内部研发团队使用的管理后台,可以对开发者进行审核、权限设置等。使用对象是技术、测试人员、信息部等等。</p> <a href="/admin/" target="_blank" class="card-item-abtn">进入管理后台</a> </div> </div> </div> </div> </div> </div> <div class="guiding-container flex align-item-center"> <div class="content-wrap-1200"> <div class="guiding-title">3分钟新手引导</div> <div class="guiding-steps"> <div class="step"> <i class="round-icon" style="background:url(/images/index1.png) no-repeat center center"></i> <div class="content"> <div class="title">注册账号</div> <div class="description">注册开发者账号。</div> <a href="https://web-tools.phalapi.net/platform" class="nav-btn" target="_blank">进入开放平台</a> </div> </div> <div class="step"> <i class="round-icon" style="background:url(/images/index2.png) no-repeat center center"></i> <div class="content"> <div class="title">创建应用</div> <div class="description">创建应用并等待审核。</div> <a href="https://web-tools.phalapi.net/platform" class="nav-btn" target="_blank">进入开放平台</a> </div> </div> <div class="step"> <i class="round-icon" style="background:url(/images/index3.png) no-repeat center center"></i> <div class="content"> <div class="title">请求接口</div> <div class="description">调用授权的接口。</div> <a href="https://web-tools.phalapi.net/docs.php" class="nav-btn" target="_blank">查看开放接口</a> </div> </div> </div> </div> <!-- <div class="foot-feature"> <div class="feature-item"> <i style="background:url(http://cd7.yesapi.net/F9B20374B4CBD344913900A437BA56A2_20200407155709_46dcc4a676c647ff01c32ffe6ef7fca0.png) no-repeat center center / 80%"></i> <h4>接入简单</h4> <p class="desc">上手简单,易学易用!HTTP请求+JSON返回的云端接口</p> </div> <div class="feature-item"> <i style="background:url(http://cd7.yesapi.net/F9B20374B4CBD344913900A437BA56A2_20200407155652_37ecf213560391d4cc5fc8cf29105626.png) no-repeat center center / 80%"></i> <h4>商业赋能</h4> <p class="desc">共享生态红利,为你的项目开发赋新能</p> </div> <div class="feature-item"> <i style="background:url(http://cd7.yesapi.net/F9B20374B4CBD344913900A437BA56A2_20200407155613_e0c84903a147c8e1076af4a00f1a1f75.png) no-repeat center center / 80%"></i> <h4>专注平台</h4> <p class="desc">专注企业开放平台搭建,助力打造商业闭环</p> </div> </div> --> </div> <div class="guiding-container flex align-item-center" style="background-color: #f8f9fa;"> <div class="content-wrap-1200"> <div class="container"> <div class="guiding-title">如何请求API接口?</div> <div class="advice-container"> <div class="advice-item"> <!-- <div class="process-circle bg-primary"></div> --> <div class="advice-title">第1步、创建应用</div> <div class="advice-content">登录并创建申请你的应用,获取你的app_key。</div> </div> <div class="advice-item"> <!-- <div class="process-circle bg-primary"></div> --> <div class="advice-title">第2步、请求接口</div> <div class="advice-content">通过GET或POST发起API接口请求,接口地址格式:<br/>http://web-tools.phalapi.net/api/app.php?s=<a href="https://web-tools.phalapi.net/docs.php" target="_blank">接口服务</a> + access_token=<a href="https://web-tools.phalapi.net/docs.php?service=App.Auth.ApplyToken&detail=1&type=fold" target="_blank">访问令牌</a> + 接口参数</code>。</div> </div> <div class="advice-item"> <!-- <div class="process-circle bg-primary"></div> --> <div class="advice-title">第3步、解析JSON结果</div> <div class="advice-content">用你的编程语言解析JSON结果,实现你的业务逻辑和功能。</div> </div> </div> </div> </div> </div> <style> body{ background:#FCFCFC!important; } </style> <div class="ui inverted vertical footer segment" style="background: rgba(35,35,42,1);" > <div class="ui container" style="width:100%;"> <div class="ui stackable inverted divided equal height stackable grid"> <div class="eight wide column centered"> <div class="column" align="center" > <img src="/logo.png" alt="PhalApi Pro" style="height:48px;"> </div> <div class="column" align="center"> <p style="color:#fff;"> <strong>果果云</strong> &nbsp;|&nbsp; 一套开发、管理和提供接口的软件源代码和解决方案 <br /> <p> © 2018-2026 Powered By <a target="_blank" style="color:rgba(40,92,253,1)" href="http://pro.yesapi.cn/">&nbsp;PhalApi Pro v5.9 &nbsp;</a> All Rights Reserved.&nbsp;&nbsp;|&nbsp;&nbsp; <a style="color: #fff;" href=""></a> </p> </p> </div> </div> </div> </div> </div> <script type="text/javascript"> $(function(){ $('.ui.dropdown').dropdown({ // you can use any ui transition transition: 'drop' }); }); function getData() { var data = new FormData(); var param = []; $("td input").each(function(index,e) { if ($.trim(e.value)){ if (e.type != 'file'){ if ($(e).data('source') == 'get') { param.push(e.name + '=' + e.value); } else { data.append(e.name, e.value); } if (e.name != "service") $.cookie(e.name, e.value, {expires: 30}); } else{ var files = e.files; if (files.length == 1){ data.append(e.name, files[0]); } else{ for (var i = 0; i < files.length; i++) { data.append(e.name + '[]', files[i]); } } } } }); param = param.join('&'); return {param:param, data:data}; } // 填充历史数据 function fillHistoryData() { $("td input").each(function(index,e) { var cookie_value = $.cookie(e.name); if (e.name != "service" && cookie_value !== undefined) { e.value = cookie_value; } }); } // 检测最新版本 function checkLastestVersion() { var version = '5.9'; $.ajax({ url:'http://pro.yesapi.cn/check_lastest_version.php', type:'get', data:{version : version}, success:function(res,status,xhr){ console.log(res); if (!res.ret || res.ret != 200) { return; } if (res.data.need_upgrade >= 0) { return; } $('#version_update').html('&nbsp; | &nbsp; <a target="_blank" href=" ' + res.data.url + ' "><strong>升级到 PhalApi Pro ' + res.data.version + '</strong></a>'); }, error:function(error){ console.log(error) } }) } </script> <div style="display: none;"> </div> </body> </html> <style> .flex { display: flex; } .align-item-center { align-items: center; } .banner { background: rgba(35, 35, 42, 1); margin-top: 64px; background: url("/images/banner-bg.png") center no-repeat; height: 818px; display: flex; justify-content: center; position: relative; overflow: hidden; } .content-wrap-1200 { width: 100%; max-width: 1200px; } .banner .content-wrap-1200.content { padding: 60px 50px; } .banner p { font-size: 24px; font-weight: 600; color: #fff; position: relative; z-index: 99; margin-bottom: 0px; } .banner .row { border-radius: 8px; overflow: hidden; margin: 0 -30px; overflow: hidden; } .banner .row:after { content: ""; width: 100%; height: 400; filter: blur(8px); background: url("/images/banner-bg.png"); background-size: 1920px 818px; background-position: center; position: absolute; max-width: 1160px; } .banner .top-container { display: flex; position: relative; z-index: 9; background: rgba(255, 255, 255, 0.85); } .banner .greet { text-shadow: 0 0 4px rgba(0, 0, 0, 0.2); font-size: 52px; margin-left: -30px; } .banner .info-desc { margin-top: 50px; font-size: 22px; text-shadow: 0 0 4px rgba(0, 0, 0, 0.2); font-weight: 500; margin-left: -30px; } .banner .button { background: #FBAB1B; border-radius: 3px; cursor: pointer; color: #333; margin: 50px 0 56px -30px; height: 48px; line-height: 22px; font-size: 16px; font-weight: 500; } .banner .button:hover { background: #fffb00; } .guiding-container { justify-content: center; background-color: #fff; } .guiding-container .guiding-title { font-size: 28px; font-weight: 500; text-align: center; padding-top: 100px; padding-bottom: 80px; } .price-item { position: relative; color: #222222; display: flex; align-items: flex-start; flex-flow: column; padding: 115px 46px 50px; } .guiding-steps { display: flex; justify-content: space-between; max-width: 1200px; padding-bottom: 80px; } .guiding-steps .step { width: 40%; background: #fff; border-radius: 100px; box-shadow: -5px 0px 33px rgba(0, 0, 0, 0.07); margin-right: -110px; padding: 20px 0; display: flex; align-items: center; box-sizing: content-box; position: relative; overflow: hidden; } .guiding-steps .step:last-child { margin-right: 0px; } .guiding-steps .step .round-icon { width: 100px; height: 100px; border-radius: 50%; display: inline-block; margin-right: 24px; } .guiding-steps .title { color: #333; font-size: 22px; font-weight: 600; } .guiding-steps .description { font-size: 18px; padding: 12px 0; color: #656a76; } .guiding-steps .nav-btn { display: inline-block; height: 34px; border: 1px solid #FBAB1B; font-size: 14px; line-height: 14px; padding: 8px 12px; box-sizing: border-box; color: #FBAB1B; } .guiding-steps .nav-btn:hover { color: #FBBB1B; } .price-item .title-h4 { font-weight: 500; color: #000; font-size: 24px; padding-top: 25px; padding-bottom: 35px; margin-bottom: 0px; } .price-item .round-icon { width: 75px; height: 75px; border-radius: 75px; position: absolute; top: 42px; left: 46px; } .price-item p { text-align: left; color: #495057; } .price-item .desc { flex: 1; font-weight: normal; font-size: 14px; line-height: 24px; color: #4e5460; padding-bottom: 45px; } .price-item .card-item-abtn { height: 32px; width: 110px; line-height: 32px; text-align: center; border-radius: 4px; border: 1px solid #FBAB1B; font-size: 14px; display: block; color: #FBAB1B; } .card-item-abtn.center-item { justify-self: flex-end; } .price-item .card-item-abtn:hover { color: #FBBB1B; } .advice-container { margin: 0 auto; margin-top: 20px; margin-bottom: 40px; padding: 0; } .advice-item, .price-item a:hover { color: #076BE0; text-decoration: none; } .advice-item, .price-item a:hover { color: #0a4594; text-decoration: none; } .advice-item { padding: 24px; color: #212529; position: relative; border-radius: 6px; font-weight: 500; margin: 0; display: flex; flex-direction: column; justify-content: center; background-color: #fff; margin-bottom: 24px; box-shadow: 0px 0px 37px rgba(0, 0, 0, 0.05); } .advice-item .advice-title { font-size: 22px; color: #000; font-weight: 600; line-height: 22px; margin-bottom: 25px; } .advice-item .advice-title::before { content: ''; width: 12px; height: 12px; border-radius: 50%; display: inline-block; background: linear-gradient(to right, #449aff, #076be0); margin-right: 12px; } .advice-item .advice-content { padding-left: 24px; line-height: 24px; font-size: 18px; color: #656a76; } .process-circle { position: absolute; left: 40px; top: 23px; width: 4rem; height: 4rem; border-radius: 50%; display: flex; flex-shrink: 0; align-items: center; justify-content: center; font-weight: 600; color: #fff; font-size: 1.125rem; } .process-circle:empty:after { content: ''; width: .5rem; height: .5rem; border-radius: 50%; } .process-circle:empty.bg-primary:after { background-color: #0f66dc; } .process-circle:empty.bg-primary { background: rgba(15, 102, 220, 0.05) !important; } .foot-feature { display: flex; } .feature-item { position: relative; color: #222222; display: flex; align-items: flex-start; flex-flow: column; padding: 0 0px 20px 110px; } .feature-item i { position: absolute; width: 70px; height: 70px; left: 32px; top: 27px; } .feature-item h4 { font-weight: 600; color: #212529; } .feature-item p { text-align: left; color: #495057; } </style>

最近查询