Commit 2b96af72 authored by UtopiaXC's avatar UtopiaXC

🧣 添加部分页面模板

parent 6a82e6b7
...@@ -10,8 +10,9 @@ class WebUrl { ...@@ -10,8 +10,9 @@ class WebUrl {
const ABOUT='/about'; const ABOUT='/about';
const PRIVACY_POLICY = "/privacy_policy"; const PRIVACY_POLICY = "/privacy_policy";
const OPEN_SOURCE='/open_source'; const OPEN_SOURCE='/open_source';
const OPEN_KEY='/open_key';
const PREMIUM='/premium';
const API_LIST='/api_list';
} }
class ApiUrl { class ApiUrl {
......
@php
$user_logged=app('request')->get(HeaderKey::LOGIN_STATUS);
if (!$user_logged){
redirect(WebUrl::LOGIN);
}
@endphp
@extends('root.app')
@section('title')- Open Key @endsection
@section('page_content')
<div class="row">
<div class="col-sm-12 col-md-2">
<div class="file-manager-menu"><span class="fmm-title">信息推送接口</span>
<ul class="list-unstyled">
<li><a href="#"><i class="far fa-folder"></i>邮件推送</a></li>
<li><a href="#"><i class="far fa-clock"></i>钉钉推送</a></li>
<li><a href="#"><i class="fas fa-tablet-alt"></i>QQ推送</a></li>
<li><a href="#"><i class="far fa-star"></i>微信推送</a></li>
<li><a href="#"><i class="far fa-trash-alt"></i>企业微信推送</a></li>
<li><a href="#"><i class="far fa-trash-alt"></i>Telegram推送</a></li>
</ul>
</div>
<div class="file-manager-menu label-menu"><span class="fmm-title">Labels</span>
<ul class="list-unstyled">
<li><a href="#"><i class="bg-success"></i>企业版</a></li>
<li><a href="#"><i class="bg-warning"></i>高级版</a></li>
<li><a href="#"><i class="bg-primary"></i>基础版</a></li>
<li><a href="#"><i class="bg-dark"></i>免费版</a></li>
</ul>
</div>
</div>
<div class="col-sm-12 col-md-10">
<div class="card">
<div class="card-body">
<div class="accordion" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> Accordion Item #1 </button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body"> <strong>This is the first item's accordion body.</strong>It is hidden by default,until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance,as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow. </div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> Accordion Item #2 </button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
<div class="accordion-body"> <strong>This is the second item's accordion body.</strong>It is hidden by default,until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance,as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow. </div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> Accordion Item #3 </button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
<div class="accordion-body"> <strong>This is the third item's accordion body.</strong>It is hidden by default,until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance,as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow. </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
...@@ -12,6 +12,7 @@ ...@@ -12,6 +12,7 @@
<div class="col-md-12 col-lg-4"> <div class="col-md-12 col-lg-4">
<div class="card login-box-container"> <div class="card login-box-container">
<div class="card-body"> <div class="card-body">
<a href="{{WebUrl::INDEX}}"><i data-feather="arrow-left"></i></a>
<div class="authent-text"> <div class="authent-text">
<p>请登录您的账户</p> <p>请登录您的账户</p>
</div> </div>
......
@php
$user_logged=app('request')->get(HeaderKey::LOGIN_STATUS);
if (!$user_logged){
redirect(WebUrl::LOGIN);
}
@endphp
@extends('root.app')
@section('title')- Open Key @endsection
@section('page_content')
<div class="row">
<div class="col-sm-12 col-xl-12">
<div class="card">
<div class="card-body">
<h5 class="card-title">Open Key</h5>
<button type="button" class="btn btn-primary m-b-xs">新增应用</button>
<table class="table">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">应用名</th>
<th scope="col">OpenKey</th>
<th scope="col">操作</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>个人地图</td>
<td><a href="#">点击查看</a></td>
<td>
<a href="#"><i data-feather="x"></i></a>&nbsp;&nbsp;
<a href="#"><i data-feather="info"></i></a>
</td>
</tr>
<tr>
<th scope="row">2</th>
<td>通知推送</td>
<td><a href="#">点击查看</a></td>
<td>
<a href="#"><i data-feather="x"></i></a>&nbsp;&nbsp;
<a href="#"><i data-feather="info"></i></a>
</td>
</tr>
<tr>
<th scope="row">3</th>
<td>测试接口</td>
<td><a href="#">点击查看</a></td>
<td>
<a href="#"><i data-feather="x"></i></a>&nbsp;&nbsp;
<a href="#"><i data-feather="info"></i></a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
@endsection
@extends('root.app')
@section('title')- 高级版 @endsection
@section('page_content')
<div class="row">
<div class="col">
<div class="card">
<div class="card-body">
<h5 class="card-title">订阅模式</h5>
<div class="row">
<div class="col m-b-sm">
<ul class="list-group io-pricing-table">
<li class="list-group-item">
<h3>免费版</h3>
</li>
<li class="list-group-item">免费版接口</li>
<li class="list-group-item">调用限制 1次/10秒/OpenKey</li>
<li class="list-group-item">1x OpenKey</li>
<li class="list-group-item">无SDK支持</li>
<li class="list-group-item">无人工服务</li>
<li class="list-group-item">
<h3>¥0</h3>
<span>无限制</span></li>
<li class="list-group-item">
<button type="button" class="btn btn-primary" disabled>无需购买</button>
</li>
</ul>
</div>
<div class="col m-b-sm">
<ul class="list-group io-pricing-table">
<li class="list-group-item">
<h3>基础版</h3>
</li>
<li class="list-group-item">基础版接口</li>
<li class="list-group-item">1次/秒/OpenKey</li>
<li class="list-group-item">1x OpenKey</li>
<li class="list-group-item">无SDK支持</li>
<li class="list-group-item">无人工服务</li>
<li class="list-group-item">
<h3 >¥30 / 年</h3>
<span>年付</span></li>
<li class="list-group-item">
<button type="button" class="btn btn-primary">选购</button>
</li>
</ul>
</div>
<div class="col m-b-sm">
<ul class="list-group io-pricing-table">
<li class="list-group-item">
<h3>高级版</h3>
</li>
<li class="list-group-item">高级版接口</li>
<li class="list-group-item">调用限制 60次/秒/OpenKey</li>
<li class="list-group-item">3x OpenKey</li>
<li class="list-group-item">基础SDK</li>
<li class="list-group-item">人工服务</li>
<li class="list-group-item">
<h3>¥15 / 月</h3>
<span>月付</span></li>
<li class="list-group-item">
<button type="button" class="btn btn-primary">选购</button>
</li>
</ul>
</div>
<div class="col m-b-sm">
<ul class="list-group io-pricing-table">
<li class="list-group-item">
<h3>企业版</h3>
</li>
<li class="list-group-item">企业级接口</li>
<li class="list-group-item">无调用限制</li>
<li class="list-group-item">无限应用OpenKey</li>
<li class="list-group-item">全功能SDK</li>
<li class="list-group-item">企业专员</li>
<li class="list-group-item">
<h3>面议</h3>
<span>年付</span></li>
<li class="list-group-item">
<button type="button" class="btn btn-primary">联系我们</button>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<h5 class="card-title">按需模式</h5>
</div>
</div>
</div>
</div>
@endsection
...@@ -12,6 +12,7 @@ ...@@ -12,6 +12,7 @@
<div class="col-md-12 col-lg-4"> <div class="col-md-12 col-lg-4">
<div class="card login-box-container"> <div class="card login-box-container">
<div class="card-body"> <div class="card-body">
<a href="{{WebUrl::INDEX}}"><i data-feather="arrow-left"></i></a>
<div class="authent-text"> <div class="authent-text">
<p>请输入注册信息</p> <p>请输入注册信息</p>
</div> </div>
......
...@@ -69,17 +69,15 @@ ...@@ -69,17 +69,15 @@
<li class="sidebar-title">主页</li> <li class="sidebar-title">主页</li>
<li class="active-page"><a href="/"><i data-feather="home"></i>主页</a></li> <li class="active-page"><a href="/"><i data-feather="home"></i>主页</a></li>
<li class="sidebar-title">个人</li> <li class="sidebar-title">个人</li>
<li><a href=""><i data-feather="key"></i>OpenKey</a></li> <li><a href="{{WebUrl::OPEN_KEY}}"><i data-feather="key"></i>OpenKey</a></li>
<li><a href=""><i data-feather="pie-chart"></i>接口用量</a></li> <li><a href=""><i data-feather="pie-chart"></i>接口用量</a></li>
<li><a href=""><i data-feather="clipboard"></i>调用历史</a></li> <li><a href=""><i data-feather="clipboard"></i>调用历史</a></li>
<li><a href=""><i data-feather="coffee"></i>高级版</a></li> <li><a href="{{WebUrl::PREMIUM}}"><i data-feather="coffee"></i>高级版</a></li>
<li class="sidebar-title">开放平台</li> <li class="sidebar-title">开放平台</li>
<li><a href=""><i data-feather="code"></i>API接口<i class="fas fa-chevron-right dropdown-icon"></i></a> <li><a href=""><i data-feather="code"></i>API接口<i class="fas fa-chevron-right dropdown-icon"></i></a>
<ul class=""> <ul class="">
<li><a href=""><i class="far fa-circle"></i>钉钉推送</a></li> <li><a href="{{WebUrl::API_LIST."/message_push"}}"><i class="far fa-circle"></i>推送接口</a></li>
<li><a href=""><i class="far fa-circle"></i>邮件推送</a></li> <li><a href="{{WebUrl::API_LIST."/map"}}"><i class="far fa-circle"></i>地图接口</a></li>
<li><a href=""><i class="far fa-circle"></i>Telegram推送</a></li>
<li><a href=""><i class="far fa-circle"></i>地理信息</a></li>
</ul> </ul>
</li> </li>
<li><a href=""><i data-feather="book"></i>开发文档<i class="fas fa-chevron-right dropdown-icon"></i></a> <li><a href=""><i data-feather="book"></i>开发文档<i class="fas fa-chevron-right dropdown-icon"></i></a>
......
...@@ -23,17 +23,26 @@ Route::group(['prefix' => '/', 'middleware' => [Middleware::SITE_PROFILE_MIDDLEW ...@@ -23,17 +23,26 @@ Route::group(['prefix' => '/', 'middleware' => [Middleware::SITE_PROFILE_MIDDLEW
Route::get(WebUrl::REGISTER, function () { Route::get(WebUrl::REGISTER, function () {
return view('register'); return view('register');
}); });
Route::get(WebUrl::REGISTER_VERIFY."/{code}", function ($code) { Route::get(WebUrl::REGISTER_VERIFY . "/{code}", function ($code) {
request()->attributes->add(["code"=>$code]); request()->attributes->add(["code" => $code]);
return view('email.register_verify')->with("code",$code); return view('email.register_verify')->with("code", $code);
}); });
Route::get(WebUrl::ABOUT,function (){ Route::get(WebUrl::ABOUT, function () {
return view('about'); return view('about');
}); });
Route::get(WebUrl::PRIVACY_POLICY,function (){ Route::get(WebUrl::PRIVACY_POLICY, function () {
return view('privacy_policy'); return view('privacy_policy');
}); });
Route::get(WebUrl::OPEN_SOURCE,function (){ Route::get(WebUrl::OPEN_SOURCE, function () {
return view('open_source'); return view('open_source');
}); });
Route::get(WebUrl::OPEN_KEY, function () {
return view('open_key');
});
Route::get(WebUrl::PREMIUM, function () {
return view('premium');
});
Route::get(WebUrl::API_LIST . "/{group}", function ($group) {
return view('api_list')->with($group);
});
}); });
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment