832 lines
68 KiB
Smarty
Executable File
832 lines
68 KiB
Smarty
Executable File
{include file='user/header.tpl'}
|
||
<body>
|
||
<div class="app-content content">
|
||
<div class="content-overlay"></div>
|
||
<div class="header-navbar-shadow"></div>
|
||
<div class="content-wrapper">
|
||
<div class="content-body">
|
||
<!-- Dashboard Analytics Start -->
|
||
<section id="dashboard-analytics">
|
||
<div class="row">
|
||
<div class="col-lg-6 col-md-12 col-sm-12">
|
||
<div class="card bg-analytics text-white">
|
||
<div class="card-content">
|
||
<div class="card-body text-center">
|
||
<img src="/theme/cool/assets/images/elements/decore-left.png" class="img-left" alt="card-img-left">
|
||
<img src="/theme/cool/assets/images/elements/decore-right.png" class="img-right" alt="card-img-right">
|
||
<div class="avatar avatar-xl bg-primary shadow mt-0">
|
||
<div class="avatar-content">
|
||
<i class="feather icon-award white font-large-1"></i>
|
||
</div>
|
||
</div>
|
||
<div class="text-center">
|
||
<h1 class="mb-2 text-white">Hi, {$user->user_name}</h1>
|
||
<p class="m-auto w-75">欢迎使用 <strong>{$config['appName']}</strong>，期待给您带来优秀的网络加速服务</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-3 col-md-6">
|
||
<div class="card card-stats">
|
||
<!-- Card body -->
|
||
<div class="card-body">
|
||
<div class="row">
|
||
<div class="col">
|
||
<span class="h3 font-weight-bold mb-0">{$user->vipInfo->name}</span>
|
||
<h5 class="card-title text-uppercase text-muted mb-0 font-small-4">累计支付：¥ {$user->total_pay}</h5>
|
||
</div>
|
||
<div class="avatar bg-rgba-primary p-50 m-0">
|
||
<div class="avatar-content">
|
||
<i class="feather icon-award font-medium-5" style="color:#7367f0"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card card-stats">
|
||
<!-- Card body -->
|
||
<div class="card-body">
|
||
<div class="row">
|
||
<div class="col">
|
||
<span class="h3 font-weight-bold mb-0">
|
||
钱包余额：{$user->money} 元
|
||
|
||
</span>
|
||
<h5 class="card-title text-uppercase text-muted mb-0 font-small-4">
|
||
套餐自动续订：{if $user->autorenew == 1}<span href="/user/nodes" class="text-primary">已开启</span>{else}未开启{/if}
|
||
</h5>
|
||
|
||
</div>
|
||
<div class="avatar bg-rgba-warning p-50 m-0">
|
||
<div class="avatar-content">
|
||
<i class="feather icon-credit-card text-warning font-medium-5"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-3 col-md-6">
|
||
<div class="card card-stats">
|
||
<!-- Card body -->
|
||
<div class="card-body">
|
||
<div class="row">
|
||
<div class="col">
|
||
<span class="h3 font-weight-bold mb-0">{$user->classStr}</span>
|
||
<h5 class="card-title text-uppercase text-muted mb-0 font-small-4">剩余时间：{$user->classExpireDay} 天</h5>
|
||
</div>
|
||
<div class="avatar bg-rgba-success p-50 m-0">
|
||
<div class="avatar-content">
|
||
<i class="feather icon-shopping-bag text-success font-medium-5"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card card-stats">
|
||
<!-- Card body -->
|
||
|
||
|
||
<div class="card-body">
|
||
<div class="row">
|
||
<div class="col">
|
||
<span class="h3 font-weight-bold mb-0">不限制</span>
|
||
<h5 class="card-title text-uppercase text-muted mb-0 font-small-4">在线设备</h5>
|
||
</div>
|
||
<div class="avatar bg-gradient-info p-50 m-0">
|
||
<div class="avatar-content">
|
||
<i class="feather icon-smartphone text-gradient-info font-medium-5"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!--
|
||
<div class="card-body">
|
||
<div class="row">
|
||
<div class="col">
|
||
<span class="h3 font-weight-bold mb-0">200 <small>Mbps</small></span>
|
||
<h5 class="card-title text-uppercase text-muted mb-0 font-small-4">宽带速率</h5>
|
||
</div>
|
||
<div class="avatar bg-gradient-info p-50 m-0">
|
||
<div class="avatar-content">
|
||
<i class="feather icon-bar-chart-2 text-gradient-info font-medium-5"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
-->
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-6 col-12">
|
||
<div class="card">
|
||
|
||
<div class="card-header">
|
||
<h4 class="text-bold-500">置顶公告</h4>
|
||
<span class="float-right">
|
||
{if $user->isAbleToCheckin()}
|
||
<button type="button" id="checkin" class="btn btn-primary btn-sm waves-effect waves-light float-right">
|
||
<i class="far fa-calendar-check fa-lg icon-ver"></i> 每日签到
|
||
</button>
|
||
{else}
|
||
<button type="button" class="btn btn-primary disabled btn-sm waves-effect waves-light float-right">
|
||
<i class="far fa-calendar-check fa-lg icon-ver"></i> 已签到
|
||
</button>
|
||
{/if}
|
||
</span>
|
||
</div>
|
||
<hr />
|
||
<div class="card-content">
|
||
<div class="card-body pt-0">
|
||
<div class="row pb-50">
|
||
<div class="col-lg-12 col-12 d-flex justify-content-between flex-column order-lg-1 order-2">
|
||
<h5 class="font-medium-1">
|
||
{$ann->content}
|
||
</h5>
|
||
</div>
|
||
</div><hr />
|
||
<div class="row avg-sessions pt-50">
|
||
<div class="col-12">
|
||
<p><b><span class="float-right">更新时间：{$ann->date}</span></b></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-header">
|
||
<h4 class="text-bold-500">最新公告</h4>
|
||
</div>
|
||
<hr />
|
||
<div class="card-content">
|
||
<div class="card-body pt-0">
|
||
<div class="row pb-50">
|
||
<div class="col-lg-12 col-12 d-flex justify-content-between flex-column order-lg-1 order-2">
|
||
<h5 class="font-medium-1">
|
||
{$ann_last->content}
|
||
</h5>
|
||
</div>
|
||
</div><hr />
|
||
<div class="row avg-sessions pt-50">
|
||
<div class="col-12">
|
||
<p><b><span class="float-right">更新时间：{$ann_last->date}</span></b></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-header">
|
||
<h4 class="text-bold-500 mb-25">使用教程</h4>
|
||
</div>
|
||
<hr />
|
||
<div class="card-content">
|
||
<div class="card-body">
|
||
<ul class="dashboard-tabs nav nav-pills row nav-primary row-paddingless m-0 p-0" role="tablist">
|
||
<li class="nav-item d-flex col flex-grow-1 flex-shrink-0 mb-3 mb-lg-0 cursor_onclick"> <a class="nav-link border d-flex flex-grow-1 rounded flex-column align-items-center active" data-toggle="pill" href="#tab_windows"> <span class="nav-icon py-2 w-auto"><i class="fab fa-windows icon-3x"></i></span> <span class="nav-text font-size-lg py-2 font-weight-bold text-center">Windows</span> </a> </li>
|
||
|
||
<li class="nav-item d-flex col flex-grow-1 flex-shrink-0 mb-3 mb-lg-0 cursor_onclick"> <a class="nav-link border d-flex flex-grow-1 rounded flex-column align-items-center" data-toggle="pill" href="#tab_android"> <span class="nav-icon py-2 w-auto"><i class="fab fa-android icon-3x"></i></span> <span class="nav-text font-size-lg py-2 font-weight-bold text-center">Android</span> </a> </li>
|
||
|
||
<li class="nav-item d-flex col flex-grow-1 flex-shrink-0 mb-3 mb-lg-0 cursor_onclick"> <a class="nav-link border d-flex flex-grow-1 rounded flex-column align-items-center" data-toggle="pill" href="#tab_ios"> <span class="nav-icon py-2 w-auto"><i class="fab fa-apple icon-3x"></i></span> <span class="nav-text font-size-lg py-2 font-weight-bold text-center">IOS</span> </a> </li>
|
||
|
||
<li class="nav-item d-flex col flex-grow-1 flex-shrink-0 mb-3 mb-lg-0 cursor_onclick"> <a class="nav-link border d-flex flex-grow-1 rounded flex-column align-items-center" data-toggle="pill" href="#tab_macos"> <span class="nav-icon py-2 w-auto"><i class="fab fa-apple icon-3x"></i></span> <span class="nav-text font-size-lg py-2 font-weight-bold text-center">macOS</span> </a> </li>
|
||
</ul>
|
||
<div class="separator separator-dashed p-1"></div>
|
||
<div class="tab-content ml-1 p-0">
|
||
<div class="tab-pane active" id="tab_windows" role="tabpanel">
|
||
<div class="card-body pb-0 pl-0">
|
||
<div class="flex-grow-1 card-spacer-x">
|
||
|
||
<div class="d-flex align-items-center justify-content-between mb-3">
|
||
<div class="d-flex align-items-center mr-2">
|
||
<div class="symbol symbol-60 symbol-light flex-shrink-0">
|
||
<div class="symbol-label">
|
||
<img src="/theme/cool/assets/images/tutorial/clashvergerev.png" alt="" class="h-50" />
|
||
</div>
|
||
</div>
|
||
<div class="ml-1">
|
||
<span class="font-size-h5 text-primary font-weight-bolder">Clash Verge Rev（推荐）</span>
|
||
<div class="font-size-sm text-muted font-weight-bold mt-1">稳定更新</div>
|
||
</div>
|
||
</div>
|
||
<div class='d-flex'>
|
||
<a href="/clients/windows/clash-verge-rev.exe" class="btn btn-primary font-weight-bold btn-pill mr-1">立即下载</a>
|
||
<a href="{$url_doc_base}/windows/clash-verge-rev/" target="_blank" class="btn btn-primary font-weight-bold btn-pill">安装教程</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="separator separator-dashed mb-3"></div>
|
||
|
||
<div class="d-flex align-items-center justify-content-between mb-3">
|
||
<div class="d-flex align-items-center mr-2">
|
||
<div class="symbol symbol-60 symbol-light flex-shrink-0">
|
||
<div class="symbol-label">
|
||
<img src="/theme/cool/assets/images/tutorial/clash-nyanpasu.png" alt="" class="h-50" />
|
||
</div>
|
||
</div>
|
||
<div class="ml-1">
|
||
<span class="font-size-h5 text-primary font-weight-bolder">Clash Nyanpasu</span>
|
||
<div class="font-size-sm text-muted font-weight-bold mt-1">界面美观</div>
|
||
</div>
|
||
</div>
|
||
<div class='d-flex'>
|
||
<a href="/clients/windows/clash-nyanpasu.exe" class="btn btn-primary font-weight-bold btn-pill mr-1">立即下载</a>
|
||
<a href="{$url_doc_base}/windows/clash-nyanpasu/" target="_blank" class="btn btn-primary font-weight-bold btn-pill">安装教程</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="separator separator-dashed mb-3"></div>
|
||
|
||
<div class="d-flex align-items-center justify-content-between mb-3">
|
||
<div class="d-flex align-items-center mr-2">
|
||
<div class="symbol symbol-60 symbol-light flex-shrink-0">
|
||
<div class="symbol-label">
|
||
<img src="/theme/cool/assets/images/tutorial/hiddify.png" alt="" class="h-50" />
|
||
</div>
|
||
</div>
|
||
<div class="ml-1">
|
||
<span class="font-size-h5 text-primary font-weight-bolder">Hiddify（推荐）</span>
|
||
<div class="font-size-sm text-muted font-weight-bold mt-1">界面简洁，易上手</div>
|
||
</div>
|
||
</div>
|
||
<div class='d-flex'>
|
||
<a href="/clients/windows/hiddify.exe" class="btn btn-primary font-weight-bold btn-pill mr-1">立即下载</a>
|
||
<a href="{$url_doc_base}/windows/hiddify/" target="_blank" class="btn btn-primary font-weight-bold btn-pill">安装教程</a>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tab-pane" id="tab_android" role="tabpanel">
|
||
<div class="card-body pb-0 pl-0">
|
||
<div class="flex-grow-1 card-spacer-x">
|
||
<div class="d-flex align-items-center justify-content-between mb-3">
|
||
|
||
<div class="d-flex align-items-center mr-2">
|
||
<div class="symbol symbol-60 symbol-light flex-shrink-0">
|
||
<div class="symbol-label">
|
||
<img src="/theme/cool/assets/images/tutorial/clashr-ico.png" alt="" class="h-50" />
|
||
</div>
|
||
</div>
|
||
<div class="ml-1">
|
||
<span class="font-size-h5 text-primary font-weight-bolder">Clash Meta（推荐）</span>
|
||
<div class="font-size-sm text-muted font-weight-bold mt-1">稳定更新</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class='d-flex'>
|
||
<a href="/clients/android/clash-meta.apk" class="btn btn-primary font-weight-bold btn-pill mr-1">立即下载</a>
|
||
<a href="{$url_doc_base}/android/clash-meta/" class="btn btn-primary font-weight-bold btn-pill">安装教程</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="separator separator-dashed mb-3"></div>
|
||
|
||
<div class="d-flex align-items-center justify-content-between mb-3">
|
||
<div class="d-flex align-items-center mr-2">
|
||
<div class="symbol symbol-60 symbol-light flex-shrink-0">
|
||
<div class="symbol-label">
|
||
<img src="/theme/cool/assets/images/tutorial/hiddify.png" alt="" class="h-50" />
|
||
</div>
|
||
</div>
|
||
<div class="ml-1">
|
||
<span class="font-size-h5 text-primary font-weight-bolder">Hiddify</span>
|
||
<div class="font-size-sm text-muted font-weight-bold mt-1">界面简洁，易上手</div>
|
||
</div>
|
||
</div>
|
||
<div class='d-flex'>
|
||
<a href="/clients/android/hiddify.apk" class="btn btn-primary font-weight-bold btn-pill mr-1">立即下载</a>
|
||
<a href="{$url_doc_base}/android/hiddify/" class="btn btn-primary font-weight-bold btn-pill">安装教程</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="tab-pane" id="tab_ios" role="tabpanel">
|
||
<div class="card-body pb-0 pl-0">
|
||
<div class="flex-grow-1 card-spacer-x">
|
||
|
||
<div class="d-flex align-items-center justify-content-between mb-3">
|
||
<div class="d-flex align-items-center mr-2">
|
||
<div class="symbol symbol-60 symbol-light flex-shrink-0">
|
||
<div class="symbol-label">
|
||
<img src="/theme/cool/assets/images/tutorial/hiddify.png" alt="" class="h-50" />
|
||
</div>
|
||
</div>
|
||
<div class="ml-1">
|
||
<span class="font-size-h5 text-primary font-weight-bolder">Hiddify（推荐）</span>
|
||
<div class="font-size-sm text-muted font-weight-bold mt-1">界面简洁，易上手</div>
|
||
</div>
|
||
</div>
|
||
<div class='d-flex'>
|
||
<a href="https://apps.apple.com/us/app/hiddify-proxy-vpn/id6596777532?l=zh-Hans-CN" class="btn btn-primary font-weight-bold btn-pill mr-1">立即下载</a>
|
||
<a href="{$url_doc_base}/ios/hiddify/" class="btn btn-primary font-weight-bold btn-pill">安装教程</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="separator separator-dashed mb-3"></div>
|
||
|
||
<div class="d-flex align-items-center justify-content-between mb-3">
|
||
<div class="d-flex align-items-center mr-2">
|
||
<div class="symbol symbol-60 symbol-light flex-shrink-0">
|
||
<div class="symbol-label">
|
||
<img src="/theme/cool/assets/images/tutorial/singbox2.png" alt="" class="h-50" />
|
||
</div>
|
||
</div>
|
||
<div class="ml-1">
|
||
<span class="font-size-h5 text-primary font-weight-bolder">SingBox</span>
|
||
<div class="font-size-sm text-muted font-weight-bold mt-1">
|
||
功能强大
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class='d-flex'>
|
||
<a href="https://apps.apple.com/us/app/sing-box-vt/id6673731168" class="btn btn-primary font-weight-bold btn-pill mr-1">立即下载</a>
|
||
<a href="{$url_doc_base}/ios/singbox/" class="btn btn-primary font-weight-bold btn-pill">安装教程</a>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tab-pane" id="tab_macos" role="tabpanel">
|
||
<div class="card-body pb-0 pl-0">
|
||
<div class="flex-grow-1 card-spacer-x">
|
||
|
||
<div class="d-flex align-items-center justify-content-between mb-3">
|
||
<div class="d-flex align-items-center mr-2">
|
||
<div class="symbol symbol-60 symbol-light flex-shrink-0">
|
||
<div class="symbol-label">
|
||
<img src="/theme/cool/assets/images/tutorial/clashvergerev.png" alt="" class="h-50" />
|
||
</div>
|
||
</div>
|
||
<div class="ml-1">
|
||
<span class="font-size-h5 text-primary font-weight-bolder">Clash Verge Rev M芯片（推荐）</span>
|
||
<div class="font-size-sm text-muted font-weight-bold mt-1">稳定更新</div>
|
||
</div>
|
||
</div>
|
||
<div class='d-flex'>
|
||
<a href="/clients/mac/clash-verge-rev-m.dmg" class="btn btn-primary font-weight-bold btn-pill mr-1">立即下载</a>
|
||
<a href="{$url_doc_base}/windows/clash-verge-rev/" target="_blank" class="btn btn-primary font-weight-bold btn-pill">安装教程</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="separator separator-dashed mb-3"></div>
|
||
|
||
<div class="d-flex align-items-center justify-content-between mb-3">
|
||
<div class="d-flex align-items-center mr-2">
|
||
<div class="symbol symbol-60 symbol-light flex-shrink-0">
|
||
<div class="symbol-label">
|
||
<img src="/theme/cool/assets/images/tutorial/clashvergerev.png" alt="" class="h-50" />
|
||
</div>
|
||
</div>
|
||
<div class="ml-1">
|
||
<span class="font-size-h5 text-primary font-weight-bolder">Clash Verge Rev Intel芯片（推荐）</span>
|
||
<div class="font-size-sm text-muted font-weight-bold mt-1">稳定更新</div>
|
||
</div>
|
||
</div>
|
||
<div class='d-flex'>
|
||
<a href="/clients/mac/clash-verge-rev-intel.dmg" class="btn btn-primary font-weight-bold btn-pill mr-1">立即下载</a>
|
||
<a href="{$url_doc_base}/windows/clash-verge-rev/" target="_blank" class="btn btn-primary font-weight-bold btn-pill">安装教程</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="separator separator-dashed mb-3"></div>
|
||
|
||
<div class="d-flex align-items-center justify-content-between mb-3">
|
||
<div class="d-flex align-items-center mr-2">
|
||
<div class="symbol symbol-60 symbol-light flex-shrink-0">
|
||
<div class="symbol-label">
|
||
<img src="/theme/cool/assets/images/tutorial/clash-nyanpasu.png" alt="" class="h-50" />
|
||
</div>
|
||
</div>
|
||
<div class="ml-1">
|
||
<span class="font-size-h5 text-primary font-weight-bolder">Clash Nyanpasu M芯片</span>
|
||
<div class="font-size-sm text-muted font-weight-bold mt-1">界面美观</div>
|
||
</div>
|
||
</div>
|
||
<div class='d-flex'>
|
||
<a href="/clients/mac/clash-nyanpasu-m.dmg" class="btn btn-primary font-weight-bold btn-pill mr-1">立即下载</a>
|
||
<a href="{$url_doc_base}/macos/clash-nyanpasu/" class="btn btn-primary font-weight-bold btn-pill">安装教程</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="separator separator-dashed mb-3"></div>
|
||
|
||
<div class="d-flex align-items-center justify-content-between mb-3">
|
||
<div class="d-flex align-items-center mr-2">
|
||
<div class="symbol symbol-60 symbol-light flex-shrink-0">
|
||
<div class="symbol-label">
|
||
<img src="/theme/cool/assets/images/tutorial/clash-nyanpasu.png" alt="" class="h-50" />
|
||
</div>
|
||
</div>
|
||
<div class="ml-1">
|
||
<span class="font-size-h5 text-primary font-weight-bolder">Clash Nyanpasu Intel芯片</span>
|
||
<div class="font-size-sm text-muted font-weight-bold mt-1">界面美观</div>
|
||
</div>
|
||
</div>
|
||
<div class='d-flex'>
|
||
<a href="/clients/mac/clash-nyanpasu-intel.dmg" class="btn btn-primary font-weight-bold btn-pill mr-1">立即下载</a>
|
||
<a href="{$url_doc_base}/macos/clash-nyanpasu/" class="btn btn-primary font-weight-bold btn-pill">安装教程</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="separator separator-dashed mb-3"></div>
|
||
|
||
<div class="d-flex align-items-center justify-content-between mb-3">
|
||
<div class="d-flex align-items-center mr-2">
|
||
<div class="symbol symbol-60 symbol-light flex-shrink-0">
|
||
<div class="symbol-label">
|
||
<img src="/theme/cool/assets/images/tutorial/hiddify.png" alt="" class="h-50" />
|
||
</div>
|
||
</div>
|
||
<div class="ml-1">
|
||
<span class="font-size-h5 text-primary font-weight-bolder">Hiddify</span>
|
||
<div class="font-size-sm text-muted font-weight-bold mt-1">界面简洁，易上手</div>
|
||
</div>
|
||
</div>
|
||
<div class='d-flex'>
|
||
<a href="/clients/mac/hiddify.dmg" class="btn btn-primary font-weight-bold btn-pill mr-1">立即下载</a>
|
||
|
||
<a href="{$url_doc_base}/macos/hiddify/" class="btn btn-primary font-weight-bold btn-pill">安装教程</a>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="col-12 col-md-6 col-lg-6">
|
||
<div class="card">
|
||
<div class="card-header">
|
||
<h4><i class="fa fa-bolt"></i> 订阅地址</h4>
|
||
<!-- <span class="float-right">
|
||
{if $user->isAbleToCheckin()}
|
||
<button type="button" id="checkin" class="btn btn-primary btn-sm waves-effect waves-light float-right">
|
||
<i class="far fa-calendar-check fa-lg icon-ver"></i> 每日签到
|
||
</button>
|
||
{else}
|
||
<button type="button" class="btn btn-primary disabled btn-sm waves-effect waves-light float-right">
|
||
<i class="far fa-calendar-check fa-lg icon-ver"></i> 已签到
|
||
</button>
|
||
{/if}
|
||
</span> -->
|
||
</div>
|
||
<hr />
|
||
<div class="card-content">
|
||
<div class="card-body pt-0">
|
||
<div class="dropdown">
|
||
|
||
<!-- Clash订阅 -->
|
||
<div class="btn-group">
|
||
<button type="button" class="btn btn-sub btn-clash round dropdown-toggle waves-effect waves-light {if $user->class < 1}disabled{/if}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="cool-clash"></i> Clash 订阅</button>
|
||
<div class="dropdown-menu dropdown-node dropdown-menu-right" x-placement="bottom-end" style="position: absolute; transform: translate3d(-14px, 38px, 0px); top: 0px; left: 0px; will-change: transform;">
|
||
<button type="button" class="dropdown-item copy-text" data-clipboard-text="{$UniversalSub}/clash">复制 Clash 订阅</button>
|
||
<button type="button" class="dropdown-item" href="##" onclick="if (!window.__cfRLUnblockHandlers) return false; oneclickImport('clash','clash://install-config?url={$UniversalSub}/clash&name={$config["appName"]}')">一键导入 Clash 通用</button>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Hiddify订阅 -->
|
||
<div class="btn-group">
|
||
<button type="button" class="btn btn-sub btn-hiddify round dropdown-toggle waves-effect waves-light {if $user->class < 1}disabled{/if}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="cool-hiddify"></i> Hiddify 订阅</button>
|
||
<div class="dropdown-menu dropdown-node dropdown-menu-right" x-placement="bottom-end" style="position: absolute; transform: translate3d(-14px, 38px, 0px); top: 0px; left: 0px; will-change: transform;">
|
||
<button type="button" class="dropdown-item copy-text" data-clipboard-text="{$UniversalSub}/singbox">复制 Hiddify 订阅</button>
|
||
<button type="button" class="dropdown-item" href="##" onclick="if (!window.__cfRLUnblockHandlers) return false; oneclickImport('hiddify','hiddify://import/{$UniversalSub}#{$config["appName"]}')" data-cf-modified-c34ec07e5b9e3e6c2bc9ea79-="">一键导入 Hiddify</button>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Singbox订阅 -->
|
||
<div class="btn-group">
|
||
<button type="button" class="btn btn-sub btn-singbox round dropdown-toggle waves-effect waves-light {if $user->class < 1}disabled{/if}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="cool-singbox"></i> Singbox 订阅</button>
|
||
<div class="dropdown-menu dropdown-node dropdown-menu-right" x-placement="bottom-end" style="position: absolute; transform: translate3d(-14px, 38px, 0px); top: 0px; left: 0px; will-change: transform;">
|
||
<button type="button" class="dropdown-item copy-text" data-clipboard-text="{$UniversalSub}/singbox">复制 Singbox 订阅</button>
|
||
<button type="button" class="dropdown-item" href="##" onclick="if (!window.__cfRLUnblockHandlers) return false; oneclickImport('singbox', 'sing-box://import-remote-profile?url={$UniversalSub}/singbox#{$config["appName"]}')" data-cf-modified-c34ec07e5b9e3e6c2bc9ea79-="">一键导入 Singbox</button>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- V2ray订阅 -->
|
||
<div class="btn-group">
|
||
<button type="button" class="btn btn-sub btn-v2ray round waves-effect waves-light copy-text {if $user->class < 1}disabled{/if}" data-clipboard-text="{$UniversalSub}/v2ray"><i class="cool-v2rayng"></i>复制 V2Ray 订阅</button>
|
||
</div>
|
||
|
||
<!-- ss订阅 -->
|
||
<div class="btn-group">
|
||
<button type="button" class="btn btn-sub btn-ssr round waves-effect waves-light copy-text {if $user->class < 1}disabled{/if}" data-clipboard-text="{$UniversalSub}/ss"><i class="cool-ssr"></i>复制 Shadowsocks 订阅</button>
|
||
</div>
|
||
|
||
<!-- trojan订阅 -->
|
||
<!-- 没有trojan节点 不确定 不用 -->
|
||
<div class="btn-group">
|
||
<button type="button" class="btn btn-sub btn-pill btn-trojan copy-text round {if $user->class < 1}disabled{/if}" data-clipboard-text="{$UniversalSub}/trojan"><i class="cool-ssr text-white"></i> 复制 Trojan 订阅 </button>
|
||
</div>
|
||
|
||
<!-- Singbox小火箭 -->
|
||
<div class="btn-group">
|
||
<button type="button" class="btn btn-shadowrocket round dropdown-toggle waves-effect waves-light" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="cool-shadowrocket"></i> Shadowrocket（小火箭） 订阅</button>
|
||
<div class="dropdown-menu dropdown-node dropdown-menu-right" x-placement="bottom-end" style="position: absolute; transform: translate3d(-14px, 38px, 0px); top: 0px; left: 0px; will-change: transform;">
|
||
<button type="button" class="dropdown-item copy-text" data-clipboard-text="{$UniversalSub}/v2ray">复制 Shadowrocket 订阅</button>
|
||
<button type="button" class="dropdown-item" href="##" onclick="if (!window.__cfRLUnblockHandlers) return false; oneclickImport('shadowrocket', '{$UniversalSub}/v2ray')" data-cf-modified-c34ec07e5b9e3e6c2bc9ea79-="">一键导入 Shadowrocket</button>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 小火箭 原
|
||
<div class="btn-group">
|
||
<button type="button" class="btn btn-shadowrocket round dropdown-toggle waves-effect waves-light" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="cool-shadowrocket"></i> Shadowrocket（小火箭） 订阅</button>
|
||
<div class="dropdown-menu dropdown-node dropdown-menu-right" x-placement="bottom-end" style="position: absolute; transform: translate3d(-14px, 38px, 0px); top: 0px; left: 0px; will-change: transform;">
|
||
<button type="button" class="dropdown-item copy-text" data-clipboard-text="https://fufufu.com/link/iqt0QYW3tM4XK4WB?list=shadowrocket">复制 Shadowrocket 订阅</button>
|
||
<button type="button" class="dropdown-item" href="##" onclick="if (!window.__cfRLUnblockHandlers) return false; importSublink('shadowrocket')" data-cf-modified-c34ec07e5b9e3e6c2bc9ea79-="">一键导入 Shadowrocket</button>
|
||
</div>
|
||
</div>
|
||
-->
|
||
|
||
|
||
<!-- SSR订阅
|
||
|
||
<div class="btn-group">
|
||
<button type="button" class="btn btn-ssr round dropdown-toggle waves-effect waves-light" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Shadowsocks</button>
|
||
<div class="dropdown-menu dropdown-node dropdown-menu-right" x-placement="bottom-end" style="position: absolute; transform: translate3d(-14px, 38px, 0px); top: 0px; left: 0px; will-change: transform;">
|
||
<button type="button" class="dropdown-item copy-text" data-clipboard-text="{$UniversalSub}/ss">复制 SSR 订阅</button>
|
||
</div>
|
||
</div>
|
||
-->
|
||
|
||
|
||
|
||
<!-- 灰色
|
||
<div class="btn-group">
|
||
<button type="button" class="btn btn-ssr round dropdown-toggle waves-effect waves-light disabled" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="cool-ssr"></i> 请先购买套餐</button>
|
||
<div class="dropdown-menu dropdown-node dropdown-menu-right" x-placement="bottom-end" style="position: absolute; transform: translate3d(-14px, 38px, 0px); top: 0px; left: 0px; will-change: transform;">
|
||
<button type="button" class="dropdown-item copy-text" data-clipboard-text="https://fufufu.com/link/sdsdkfjklj1jk11?sub=1">复制 SSR 订阅</button>
|
||
<button type="button" class="dropdown-item" href="##" onclick="if (!window.__cfRLUnblockHandlers) return false; importSublink('ssr')" data-cf-modified-c4d86746314722ec8753695f-="">一键导入 SSR</button>
|
||
</div>
|
||
</div>
|
||
-->
|
||
|
||
<!-- btn-surge btn-kitsunebi 这两个颜色很好看 -->
|
||
|
||
<!-- surge -->
|
||
<!-- 与clash和singbox都不通用，先放着
|
||
<div class="btn-group">
|
||
<button type="button" class="btn btn-pill btn-surge dropdown-toggle round waves-effect waves-light" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="cool-surge text-white"></i> Surge 订阅 </button>
|
||
<div class="dropdown-menu dropdown-node dropdown-menu-right">
|
||
<button type="button" class="dropdown-item copy-text" data-clipboard-text="https://fufufu.com/link/iqt0QYW3tM4XK4WB?list=surge">复制 Surge Nodelist</button>
|
||
<button type="button" class="dropdown-item copy-text" data-clipboard-text="https://fufufu.com/link/iqt0QYW3tM4XK4WB?surge=2">复制 Surge 2 节点订阅</button>
|
||
<button type="button" class="dropdown-item copy-text" data-clipboard-text="https://fufufu.com/link/iqt0QYW3tM4XK4WB?surge=3">复制 Surge 3 节点订阅</button>
|
||
<button type="button" class="dropdown-item copy-text" data-clipboard-text="https://fufufu.com/link/iqt0QYW3tM4XK4WB?surge=4">复制 Surge 4 节点订阅</button>
|
||
</div>
|
||
</div>
|
||
-->
|
||
|
||
<!-- Shadowrocket订阅 -->
|
||
<!--
|
||
<div class="btn-group">
|
||
<button type="button" class="btn btn-shadowrocket round dropdown-toggle waves-effect waves-light" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="cool-shadowrocket"></i> Shadowrocket 订阅</button>
|
||
<div class="dropdown-menu dropdown-node dropdown-menu-right" x-placement="bottom-end" style="position: absolute; transform: translate3d(-14px, 38px, 0px); top: 0px; left: 0px; will-change: transform;">
|
||
<button type="button" class="dropdown-item copy-text" data-clipboard-text="https://fufufu.com/link/iqt0QYW3tM4XK4WB?list=shadowrocket">复制 Shadowrocket 订阅</button>
|
||
<button type="button" class="dropdown-item" href="##" onclick="if (!window.__cfRLUnblockHandlers) return false; importSublink('shadowrocket')" data-cf-modified-c34ec07e5b9e3e6c2bc9ea79-="">一键导入 Shadowrocket</button>
|
||
</div>
|
||
</div>
|
||
-->
|
||
|
||
<!-- kitsunebi订阅
|
||
<div class="btn-group">
|
||
<button type="button" class="btn btn-pill btn-kitsunebi copy-text round" data-clipboard-text="https://fufufu.com/link/iqt0QYW3tM4XK4WB?list=kitsunebi"><i class="cool-kitsunebi text-white"></i> 复制 Kitsunebi 订阅</button>
|
||
</div> -->
|
||
|
||
<!-- Quantumult X订阅 -->
|
||
<!--
|
||
<div class="btn-group">
|
||
<button type="button" class="btn btn-pill btn-quantumultx copy-text round" data-clipboard-text="https://fufufu.com/link/iqt0QYW3tM4XK4WB?list=quantumultx"><i class="cool-quantumultx text-white"></i> 复制 Quantumult X 订阅 </button>
|
||
</div>
|
||
-->
|
||
|
||
<!-- Quantumult订阅 -->
|
||
<!--
|
||
<div class="btn-group">
|
||
<button type="button" class="btn btn-quantumult round dropdown-toggle waves-effect waves-light" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="cool-quantumult"></i> Quantumult 订阅</button>
|
||
<div class="dropdown-menu dropdown-node dropdown-menu-right" x-placement="bottom-end" style="position: absolute; transform: translate3d(-14px, 38px, 0px); top: 0px; left: 0px; will-change: transform;">
|
||
<button type="button" class="dropdown-item copy-text" data-clipboard-text="https://fufufu.com/link/iqt0QYW3tM4XK4WB?sub=1">复制 SSR 订阅</button>
|
||
|
||
<div class="dropdown-divider"></div>
|
||
<button type="button" class="dropdown-item" href="##" onclick="if (!window.__cfRLUnblockHandlers) return false; importSublink('quantumult')" data-cf-modified-c34ec07e5b9e3e6c2bc9ea79-="">一键导入 SSR 节点订阅</button>
|
||
|
||
</div>
|
||
</div>
|
||
-->
|
||
|
||
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-body">
|
||
<h4 class="card-title mb-50">流量报表</h4>
|
||
<p class="card-text font-small-3">下次流量重置日期：{if $user->class > 0}{$user->class_expire}{else}无流量重置{/if}</p>
|
||
<hr />
|
||
|
||
{if $user->class <= 0}
|
||
<div>无可用流量</div>
|
||
{/if}
|
||
|
||
<div id="donut-chart" {if $user->class <= 0} hidden {/if}></div>
|
||
<div class="mt-1" style="border-radius: 5px">
|
||
<li class="list-group-item d-flex justify-content-between traffic-info">
|
||
<div class="series-info">
|
||
<i class="fa fa-circle font-small-3" style="color:#7D72F1"></i>
|
||
<span class="text-bold-600">剩余流量 ：
|
||
{$user->unusedTrafficPercent()}%
|
||
</span>
|
||
</div>
|
||
<div class="product-result">
|
||
<span>{$user->unusedTraffic()}</span>
|
||
</div>
|
||
</li>
|
||
<li class="list-group-item d-flex justify-content-between traffic-info">
|
||
<div class="series-info">
|
||
<i class="fa fa-circle font-small-3 text-danger"></i>
|
||
<span class="text-bold-600">今日使用 ：
|
||
{$user->todayUsedTrafficPercent()}%
|
||
</span>
|
||
</div>
|
||
<div class="product-result">
|
||
<span>{$user->todayUsedTraffic()}</span>
|
||
</div>
|
||
</li>
|
||
<li class="list-group-item d-flex justify-content-between traffic-info">
|
||
<div class="series-info">
|
||
<i class="fa fa-circle font-small-3 text-warning"></i>
|
||
<span class="text-bold-600">历史使用 ：
|
||
{if $user->LastusedTrafficPercent() < '1'}
|
||
0%
|
||
{else}
|
||
{$user->lastUsedTrafficPercent()}%
|
||
{/if}
|
||
</span>
|
||
</div>
|
||
<div class="product-result">
|
||
<span>{$user->LastusedTraffic()}</span>
|
||
</div>
|
||
</li>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
<div class="modal fade" id="qrcode-sublink-modal" tabindex="-1" role="dialog" aria-labelledby="deleteidModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h5 class="modal-title">扫码二维码添加订阅</h5>
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</div>
|
||
<div class="modal-body" id="qrcode-sublink-content"></div>
|
||
<div class="modal-footer">
|
||
<button class="btn btn-secondary waves-effect waves-float waves-light" type="button" data-dismiss="modal">关闭</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- END: Content-->
|
||
|
||
{include file='user/footer.tpl'}
|
||
|
||
<!-- C3 Chart -->
|
||
<script src="/theme/cool/assets/vendors/js/charts/apexcharts.min.js" type="c4d86746314722ec8753695f-text/javascript"></script>
|
||
<script src="/theme/cool/assets/vendors/js/charts/flatpickr.min.js" type="c4d86746314722ec8753695f-text/javascript"></script>
|
||
<script src="/theme/cool/assets/vendors/js/charts/chart-apex.js" type="c4d86746314722ec8753695f-text/javascript"></script>
|
||
<script type="c4d86746314722ec8753695f-text/javascript">
|
||
|
||
$(function(){
|
||
$('.btn-sub.disabled').click(function(){
|
||
var o = {
|
||
type: "warning",
|
||
title: "请先购买一个套餐",
|
||
}
|
||
Swal.fire(o);
|
||
return false;
|
||
});
|
||
});
|
||
|
||
var donutChartEl = document.querySelector('#donut-chart'),
|
||
donutChartConfig = {
|
||
chart: {
|
||
height: 350,
|
||
type: 'donut'
|
||
},
|
||
legend: {
|
||
show: true,
|
||
position: 'bottom'
|
||
},
|
||
labels: ['可用', '历史使用', '今日使用'],
|
||
series: [
|
||
{$user->unusedTrafficPercent()},
|
||
{$user->lastUsedTrafficPercent()},
|
||
{$user->todayUsedTrafficPercent()}
|
||
],
|
||
colors: ['#7D72F1', '#FF9F43', '#EA5455'],
|
||
dataLabels: {
|
||
enabled: true,
|
||
formatter: function(val, opt) {
|
||
return parseInt(val) + '%';
|
||
}
|
||
},
|
||
plotOptions: {
|
||
pie: {
|
||
donut: {
|
||
labels: {
|
||
show: true,
|
||
name: {
|
||
fontSize: '2rem',
|
||
fontFamily: "Nunito",
|
||
},
|
||
value: {
|
||
fontSize: '1rem',
|
||
fontFamily: "Nunito",
|
||
formatter: function(val) {
|
||
return parseInt(val) + '%';
|
||
}
|
||
},
|
||
}
|
||
}
|
||
}
|
||
},
|
||
};
|
||
</script>
|
||
|
||
<script type="c4d86746314722ec8753695f-text/javascript">
|
||
function importSublink(client) {
|
||
|
||
|
||
|
||
/*
|
||
|
||
if (client == 'shadowrocket') {
|
||
oneclickImport('shadowrocket','https://fufufu.com/link/sdsdkfjklj1jk11?list=shadowrocket')
|
||
};
|
||
|
||
if (client == 'ssr') {
|
||
//oneclickImport('ssr', 'https://fufufu.com/link/sdsdkfjklj1jk11?sub=1');
|
||
};
|
||
if (client == 'clash') {
|
||
//oneclickImport('clashx',"{$UniversalSub}/clash")
|
||
};
|
||
|
||
if (client == 'clashr') {
|
||
oneclickImport('clashr','https://fufufu.com/link/sdsdkfjklj1jk11?clash=2')
|
||
};
|
||
|
||
if (client == 'quantumult') {
|
||
oneclickImport('quantumult','https://fufufu.com/link/sdsdkfjklj1jk11?sub=1')
|
||
};
|
||
if (client == 'quantumult_v2') {
|
||
oneclickImport('quantumult_v2','https://fufufu.com/link/sdsdkfjklj1jk11?list=quantumult')
|
||
};
|
||
*/
|
||
}
|
||
</script>
|
||
|
||
<script type="c4d86746314722ec8753695f-text/javascript" src="/theme/cool/assets/js/scripts/jquery.qrcode.min.js"></script>
|
||
<script type="c4d86746314722ec8753695f-text/javascript">
|
||
function qrcodeSublink(client) {
|
||
if (client == 'shadowrocket') {
|
||
//qrcodeImport('shadowrocket', 'https://fufufu.com/link/sdsdkfjklj1jk11?list=shadowrocket');
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<script type="c4d86746314722ec8753695f-text/javascript">
|
||
$("#notice_ann_modal").modal();
|
||
</script>
|
||
<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="c4d86746314722ec8753695f-|49" defer></script></body>
|
||
</html>
|