网页源码在线查看
✅ 源码获取成功
网页源码
<!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>
<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">注册开发者并创建应用后 即可接入和调用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>
|
一套开发、管理和提供接口的软件源代码和解决方案 <br />
<p>
© 2018-2026 Powered By
<a target="_blank" style="color:rgba(40,92,253,1)" href="http://pro.yesapi.cn/"> PhalApi Pro v5.9 </a>
All Rights Reserved. |
<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(' | <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>
最近查询
www.sgkunpeng.comcrownbio.comlgvalve8.jdzj.comwww.szranran.comwww.shengzhoucn.comwww.ydscale.commashangtesting.comwww.quanwangxianfeng.comwww.sgjq.netks123.topwww.yuleyouxijiemu.com-m.netzh7.rigebi.comadaqp.comwww.hkxinhaina.com1baoluo.jd0.pbhsx.cnnxly766.comfhcnm0928.lebaojj.comwww.hanjuwangtv.comzzxk1979.comchufaly.cominheb.netm.dmditu.comwww.hakeda.comwww.pingguo52.com0iv.liuhenba.comwushan.dm67.comjaa.seososo.comwww.ysled168.comwww.pumohb.com365107694.openwhu.comcjfuld.guangyusky.cnm.valeriebean.comshishangjujiao.com.cnwww.hlqp.combandcham.comwww.daihonli.com2046.xinkmsxsqxmslzpjyb-li-xian-ming.bjchaoshi.com.cnl8q.liuhenba.comth9.xiaohaola.comwww.inlinkz.comwww.xmjingzhun.com8ny.ccwww.zhzyyxy.comwww.cuifang168.comwww.edumym.comhywfbkg.comqitongban.comslanshow.comwww.gznuotai.comwww.yongpinj.cnwhttqt.cnphotokina.fengniao.comscfzmy.comwww.62cu.comzwb262302.cnwww.jygfz.comwww.wykbs.comwww.nczonline.netwqk-system.com