891 lines
100 KiB
Smarty
Executable File
891 lines
100 KiB
Smarty
Executable File
{include file='user/header.tpl'}
|
||
|
||
<style>
|
||
.banner {
|
||
border-radius: 10px;
|
||
background-color: #007bff; /* 设置背景色 */
|
||
padding: 1rem; /* 增加填充空间 */
|
||
margin-bottom: 1rem; /* 设置底部间距 */
|
||
cursor: pointer; /* 鼠标悬停时显示指针 */
|
||
display: flex; /* 使用flex布局 */
|
||
justify-content: center; /* 水平居中 */
|
||
align-items: center; /* 垂直居中 */
|
||
text-align: center; /* 文字居中对齐 */
|
||
}
|
||
|
||
.banner-text {
|
||
color: #FFFFFF; /* 设置文字颜色 */
|
||
font-weight: 600; /* 加粗 */
|
||
margin: 1rem 0; /* 设置上下间距 */
|
||
font-size: 1.5rem; /* 设置字体大小 */
|
||
}
|
||
|
||
.footer {
|
||
margin-left: 10px !important;
|
||
}
|
||
</style>
|
||
|
||
<link rel="stylesheet" type="text/css" href="/theme/cool/assets/css/theme/page/shop.css">
|
||
|
||
<!-- BEGIN: Content-->
|
||
<div class="app-content content">
|
||
<div class="content-overlay"></div>
|
||
<div class="header-navbar-shadow"></div>
|
||
<div class="content-wrapper">
|
||
<div class="content-header row">
|
||
<div class="content-header-left col-md-8 col-12 mb-2">
|
||
<div class="row breadcrumbs-top">
|
||
<div class="col-12">
|
||
<h2 class="content-header-title float-left mb-0">会员商店</h2>
|
||
<div class="breadcrumb-wrapper col-12">
|
||
<ol class="breadcrumb shop-navigate">
|
||
<li class="breadcrumb-item"><a href="/user">Home</a>
|
||
</li>
|
||
<li class="breadcrumb-item"><a href="/user/shop">Store</a>
|
||
</li>
|
||
</ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
|
||
<div class="col-12">
|
||
<div class="card offer-box">
|
||
<div class="card-body p-0 bg-primary" style="border-radius:10px">
|
||
<div class="offer-slider">
|
||
<div class="carousel slide">
|
||
<div class="selling-slide row" onclick="if (!window.__cfRLUnblockHandlers) return false; window.open('/user/invite','_self')" data-cf-modified-c4d86746314722ec8753695f-="">
|
||
<div class="col-xl-4 col-md-6">
|
||
<div class="d-flex">
|
||
<div class="left-content" style="margin-left:1rem">
|
||
<p>邀请好友注册返现</p>
|
||
<h2 class="f-w-600" style="color:#FFFFFF;margin:1rem 0 1rem 0">获得TA的充值 <b>10%</b> 的返利</h2>
|
||
<span class="badge badge-white rounded-pill">满200元</span>
|
||
<span class="badge badge-dotted rounded-pill ms-2 ">可提现 💰</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-4 col-md-12 shop_img">
|
||
<div class="center-img tada animated"><img class="img-fluid" src="/theme/cool/assets/images/pages/rocket.png"></div>
|
||
</div>
|
||
<div class="col-xl-4 col-md-6">
|
||
<div class="d-flex">
|
||
<div class="right-content">
|
||
<p>发送邀请链接给好友🏃</p>
|
||
<h2 class="f-w-600" style="color:#FFFFFF;margin:10px 0 10px 0">您将一次性获得 <b>1GB</b> 奖励</h2>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<!--
|
||
<div class="banner" onclick="window.open('/user/code', '_self')">
|
||
<div class="banner-content">
|
||
<h2 class="banner-text">>>> 加密货币购买 享受 5% 折扣 <<<</h2>
|
||
</div>
|
||
</div>
|
||
-->
|
||
</div>
|
||
|
||
<div class="col-xl-12">
|
||
<div class="card">
|
||
<div class="card-body">
|
||
<ul class="nav nav-tabs border-tab shop_tab" role="tablist" style="border-bottom: 1px solid #dee2e6;">
|
||
{foreach $products as $k => $v}
|
||
<li class="nav-item">
|
||
<a class="nav-link " id="top-home-tab" data-toggle="tab" href="#{$k}" aria-controls="home" role="tab" aria-selected="true">
|
||
<i class="fa fa-ravelry"></i>
|
||
<span style="word-break: keep-all">{$k}</span>
|
||
</a>
|
||
</li>
|
||
{/foreach} 我希望第一次遍历时加active，后面不加
|
||
|
||
<!--
|
||
<li class="nav-item">
|
||
<a class="nav-link active" id="top-home-tab" data-toggle="tab" href="shop.html#top-home-Mini" aria-controls="home" role="tab" aria-selected="true"><i class="fa fa-ravelry"></i> <span style="word-break: keep-all">Mini</span></a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link " id="top-home-tab" data-toggle="tab" href="shop.html#top-home-Pro" aria-controls="home" role="tab" aria-selected="true"><i class="fa fa-ravelry"></i> <span style="word-break: keep-all">Pro</span></a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link " id="top-home-tab" data-toggle="tab" href="shop.html#top-home-Business" aria-controls="home" role="tab" aria-selected="true"><i class="fa fa-ravelry"></i> <span style="word-break: keep-all">Business</span></a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link " id="top-home-tab" data-toggle="tab" href="shop.html#top-home-Enterprise" aria-controls="home" role="tab" aria-selected="true"><i class="fa fa-ravelry"></i> <span style="word-break: keep-all">Enterprise</span></a>
|
||
</li>
|
||
|
||
-->
|
||
|
||
</ul>
|
||
<div class="tab-content" id="top-tabContent">
|
||
<div class="tab-pane fade active show" id="轻量套餐" role="tabpanel" aria-labelledby="top-home-tab">
|
||
<div class="row" style="padding: 1.5rem">
|
||
<div class="col-sm-12">
|
||
|
||
<div class="tab-content" id="top-tabContent">
|
||
<div class="row">
|
||
<div class="col-md-4 pb-1">
|
||
<div class="pricing-card p-30 b-primary shadow shadow-showcase">
|
||
<span class="badge badge-primary">Mini (31)</span>
|
||
<div style="position:absolute;top: -5px;right: 10px;">
|
||
<div class="corner-text">限购</div>
|
||
<img src="/theme/cool/assets/images/HOT.png" width="60">
|
||
</div><br>
|
||
<div class="price-value txt-primary" style="position: relative;">
|
||
<span class="currency">¥</span>
|
||
<span class="amount">12.00</span>
|
||
<span class="duration">31天</span>
|
||
<span class="badge badge-primary classify">月付</span>
|
||
</div>
|
||
<div class="d-flex flex-column w-100">
|
||
<span class="font-size-sm text-muted font-weight-bold pb-1">
|
||
此商品无限制购买</span>
|
||
</span>
|
||
<div class="progress progress-md w-100">
|
||
<div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<ul class="pricing-content">
|
||
<li>IEPL专线节点</b></li>
|
||
<li>套餐流量: <b>50 GB</b></li>
|
||
<li>等级时长: <b>31 天</b></li>
|
||
<li>在线设备: <b>个人无限制</b></li>
|
||
<li>端口速率: <b>200Mbps</b></li>
|
||
<li>重置周期: <b>到期清零</b></li>
|
||
</ul>
|
||
<div class="text-center mt-3">
|
||
<button class="btn btn-primary" type="button" onclick="if (!window.__cfRLUnblockHandlers) return false; buy('1',31)" data-cf-modified-c4d86746314722ec8753695f-="">立即订阅</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 pb-1">
|
||
<div class="pricing-card p-30 b-primary shadow shadow-showcase">
|
||
<span class="badge badge-primary">Mini (93)</span>
|
||
<br>
|
||
<div class="price-value txt-primary" style="position: relative;">
|
||
<span class="currency">¥</span>
|
||
<span class="amount">36.00</span>
|
||
<span class="duration">93天</span>
|
||
<span class="badge badge-primary classify">季度</span>
|
||
</div>
|
||
|
||
<div class="d-flex flex-column w-100">
|
||
<span class="font-size-sm text-muted font-weight-bold pb-1">
|
||
此商品无限制购买</span>
|
||
</span>
|
||
<div class="progress progress-md w-100">
|
||
<div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<ul class="pricing-content">
|
||
<li>IEPL专线节点</b></li>
|
||
<li>套餐流量: <b>150 GB</b></li>
|
||
<li>等级时长: <b>93 天</b></li>
|
||
<li>在线设备: <b>个人无限制</b></li>
|
||
<li>端口速率: <b>200Mbps</b></li>
|
||
<li>重置周期: <b>到期清零</b></li>
|
||
</ul>
|
||
<div class="text-center mt-3">
|
||
<button class="btn btn-primary" type="button" onclick="if (!window.__cfRLUnblockHandlers) return false; buy('2',93)" data-cf-modified-c4d86746314722ec8753695f-="">立即订阅</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 pb-1">
|
||
<div class="pricing-card p-30 b-primary shadow shadow-showcase">
|
||
<span class="badge badge-primary">Mini (186)</span>
|
||
<br>
|
||
<div class="price-value txt-primary" style="position: relative;">
|
||
<span class="currency">¥</span>
|
||
<span class="amount">72.00</span>
|
||
<span class="duration">186天</span>
|
||
<span class="badge badge-primary classify">半年</span>
|
||
</div>
|
||
|
||
<div class="d-flex flex-column w-100">
|
||
<span class="font-size-sm text-muted font-weight-bold pb-1">
|
||
此商品无限制购买</span>
|
||
</span>
|
||
<div class="progress progress-md w-100">
|
||
<div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<ul class="pricing-content">
|
||
<li>IEPL专线节点</b></li>
|
||
<li>套餐流量: <b>300 GB</b></li>
|
||
<li>等级时长: <b>186 天</b></li>
|
||
<li>在线设备: <b>个人无限制</b></li>
|
||
<li>端口速率: <b>200Mbps</b></li>
|
||
<li>重置周期: <b>到期清零</b></li>
|
||
</ul>
|
||
<div class="text-center mt-3">
|
||
<button class="btn btn-primary" type="button" onclick="if (!window.__cfRLUnblockHandlers) return false; buy('10',186)" data-cf-modified-c4d86746314722ec8753695f-="">立即订阅</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 pb-1">
|
||
<div class="pricing-card p-30 b-primary shadow shadow-showcase">
|
||
<span class="badge badge-primary">Mini (365)</span>
|
||
<br>
|
||
<div class="price-value txt-primary" style="position: relative;">
|
||
<span class="currency">¥</span>
|
||
<span class="amount">120.00</span>
|
||
<span class="duration">365天</span>
|
||
<span class="badge badge-primary classify">年付</span>
|
||
</div>
|
||
|
||
<div class="d-flex flex-column w-100">
|
||
<span class="font-size-sm text-muted font-weight-bold pb-1">
|
||
此商品无限制购买</span>
|
||
</span>
|
||
<div class="progress progress-md w-100">
|
||
<div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<ul class="pricing-content">
|
||
<li>IEPL专线节点</b></li>
|
||
<li>套餐流量: <b>600 GB</b></li>
|
||
<li>等级时长: <b>365 天</b></li>
|
||
<li>在线设备: <b>个人无限制</b></li>
|
||
<li>端口速率: <b>200Mbps</b></li>
|
||
<li>重置周期: <b>到期清零</b></li>
|
||
</ul>
|
||
<div class="text-center mt-3">
|
||
<button class="btn btn-primary" type="button" onclick="if (!window.__cfRLUnblockHandlers) return false; buy('3',365)" data-cf-modified-c4d86746314722ec8753695f-="">立即订阅</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tab-pane fade " id="标准套餐" role="tabpanel" aria-labelledby="top-home-tab">
|
||
<div class="row" style="padding: 1.5rem">
|
||
<div class="col-sm-12">
|
||
<div class="tab-content" id="top-tabContent">
|
||
<div class="row">
|
||
|
||
<div class="col-md-4 pb-1">
|
||
<div class="pricing-card p-30 b-primary shadow shadow-showcase">
|
||
<span class="badge badge-primary">Pro (31)</span>
|
||
<br>
|
||
<div class="price-value txt-primary" style="position: relative;">
|
||
<span class="currency">¥</span>
|
||
<span class="amount">23.00</span>
|
||
<span class="duration">31天</span>
|
||
<span class="badge badge-primary classify">月付</span>
|
||
</div>
|
||
|
||
<div class="d-flex flex-column w-100">
|
||
<span class="font-size-sm text-muted font-weight-bold pb-1">
|
||
此商品无限制购买</span>
|
||
</span>
|
||
<div class="progress progress-md w-100">
|
||
<div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<ul class="pricing-content">
|
||
<li>IEPL专线节点</b></li>
|
||
<li>套餐流量: <b>150 GB</b></li>
|
||
<li>等级时长: <b>31 天</b></li>
|
||
<li>在线设备: <b>个人无限制</b></li>
|
||
<li>端口速率: <b>无限制</b></li>
|
||
<li>重置周期: <b>到期清零</b></li>
|
||
</ul>
|
||
<div class="text-center mt-3">
|
||
<button class="btn btn-primary" type="button" onclick="if (!window.__cfRLUnblockHandlers) return false; buy('4',31)" data-cf-modified-c4d86746314722ec8753695f-="">立即订阅</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 pb-1">
|
||
<div class="pricing-card p-30 b-primary shadow shadow-showcase">
|
||
<span class="badge badge-primary">Pro (93)</span>
|
||
<br>
|
||
<div class="price-value txt-primary" style="position: relative;">
|
||
<span class="currency">¥</span>
|
||
<span class="amount">69.00</span>
|
||
<span class="duration">93天</span>
|
||
<span class="badge badge-primary classify">季度</span>
|
||
</div>
|
||
|
||
<div class="d-flex flex-column w-100">
|
||
<span class="font-size-sm text-muted font-weight-bold pb-1">
|
||
此商品无限制购买</span>
|
||
</span>
|
||
<div class="progress progress-md w-100">
|
||
<div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<ul class="pricing-content">
|
||
<li>IEPL专线节点</b></li>
|
||
<li>套餐流量: <b>450 GB</b></li>
|
||
<li>等级时长: <b>93 天</b></li>
|
||
<li>在线设备: <b>个人无限制</b></li>
|
||
<li>端口速率: <b>无限制</b></li>
|
||
<li>重置周期: <b>到期清零</b></li>
|
||
</ul>
|
||
<div class="text-center mt-3">
|
||
<button class="btn btn-primary" type="button" onclick="if (!window.__cfRLUnblockHandlers) return false; buy('5',93)" data-cf-modified-c4d86746314722ec8753695f-="">立即订阅</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 pb-1">
|
||
<div class="pricing-card p-30 b-primary shadow shadow-showcase">
|
||
<span class="badge badge-primary">Pro (186)</span>
|
||
<br>
|
||
<div class="price-value txt-primary" style="position: relative;">
|
||
<span class="currency">¥</span>
|
||
<span class="amount">138.00</span>
|
||
<span class="duration">186天</span>
|
||
<span class="badge badge-primary classify">半年</span>
|
||
</div>
|
||
|
||
<div class="d-flex flex-column w-100">
|
||
<span class="font-size-sm text-muted font-weight-bold pb-1">
|
||
此商品无限制购买</span>
|
||
</span>
|
||
<div class="progress progress-md w-100">
|
||
<div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<ul class="pricing-content">
|
||
<li>IEPL专线节点</b></li>
|
||
<li>套餐流量: <b>900 GB</b></li>
|
||
<li>等级时长: <b>186 天</b></li>
|
||
<li>在线设备: <b>个人无限制</b></li>
|
||
<li>端口速率: <b>无限制</b></li>
|
||
<li>重置周期: <b>到期清零</b></li>
|
||
</ul>
|
||
<div class="text-center mt-3">
|
||
<button class="btn btn-primary" type="button" onclick="if (!window.__cfRLUnblockHandlers) return false; buy('11',186)" data-cf-modified-c4d86746314722ec8753695f-="">立即订阅</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 pb-1">
|
||
<div class="pricing-card p-30 b-primary shadow shadow-showcase">
|
||
<span class="badge badge-primary">Pro (365)</span>
|
||
<br>
|
||
<div class="price-value txt-primary" style="position: relative;">
|
||
<span class="currency">¥</span>
|
||
<span class="amount">230.00</span>
|
||
<span class="duration">365天</span>
|
||
<span class="badge badge-primary classify">年付</span>
|
||
</div>
|
||
|
||
<div class="d-flex flex-column w-100">
|
||
<span class="font-size-sm text-muted font-weight-bold pb-1">
|
||
此商品无限制购买</span>
|
||
</span>
|
||
<div class="progress progress-md w-100">
|
||
<div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<ul class="pricing-content">
|
||
<li>IEPL专线节点</b></li>
|
||
<li>套餐流量: <b>1800 GB</b></li>
|
||
<li>等级时长: <b>365 天</b></li>
|
||
<li>在线设备: <b>个人无限制</b></li>
|
||
<li>端口速率: <b>无限制</b></li>
|
||
<li>重置周期: <b>到期清零</b></li>
|
||
</ul>
|
||
<div class="text-center mt-3">
|
||
<button class="btn btn-primary" type="button" onclick="if (!window.__cfRLUnblockHandlers) return false; buy('6',365)" data-cf-modified-c4d86746314722ec8753695f-="">立即订阅</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tab-pane fade " id="top-home-Business" role="tabpanel" aria-labelledby="top-home-tab">
|
||
<div class="row" style="padding: 1.5rem">
|
||
<div class="col-sm-12">
|
||
<div class="tab-content" id="top-tabContent">
|
||
<div class="row">
|
||
|
||
<div class="col-md-4 pb-1">
|
||
<div class="pricing-card p-30 b-primary shadow shadow-showcase">
|
||
<span class="badge badge-primary">Business (31)</span>
|
||
<br>
|
||
<div class="price-value txt-primary" style="position: relative;">
|
||
<span class="currency">¥</span>
|
||
<span class="amount">34.00</span>
|
||
<span class="duration">31天</span>
|
||
<span class="badge badge-primary classify">月付</span>
|
||
</div>
|
||
|
||
<div class="d-flex flex-column w-100">
|
||
<span class="font-size-sm text-muted font-weight-bold pb-1">
|
||
此商品无限制购买</span>
|
||
</span>
|
||
<div class="progress progress-md w-100">
|
||
<div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<ul class="pricing-content">
|
||
<li>IEPL专线节点</b></li>
|
||
<li>套餐流量: <b>300 GB</b></li>
|
||
<li>等级时长: <b>31 天</b></li>
|
||
<li>在线设备: <b>个人无限制</b></li>
|
||
<li>端口速率: <b>无限制</b></li>
|
||
<li>重置周期: <b>到期清零</b></li>
|
||
</ul>
|
||
<div class="text-center mt-3">
|
||
<button class="btn btn-primary" type="button" onclick="if (!window.__cfRLUnblockHandlers) return false; buy('7',31)" data-cf-modified-c4d86746314722ec8753695f-="">立即订阅</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 pb-1">
|
||
<div class="pricing-card p-30 b-primary shadow shadow-showcase">
|
||
<span class="badge badge-primary">Business (93)</span>
|
||
<br>
|
||
<div class="price-value txt-primary" style="position: relative;">
|
||
<span class="currency">¥</span>
|
||
<span class="amount">102.00</span>
|
||
<span class="duration">93天</span>
|
||
<span class="badge badge-primary classify">季度</span>
|
||
</div>
|
||
|
||
<div class="d-flex flex-column w-100">
|
||
<span class="font-size-sm text-muted font-weight-bold pb-1">
|
||
此商品无限制购买</span>
|
||
</span>
|
||
<div class="progress progress-md w-100">
|
||
<div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<ul class="pricing-content">
|
||
<li>IEPL专线节点</b></li>
|
||
<li>套餐流量: <b>900 GB</b></li>
|
||
<li>等级时长: <b>93 天</b></li>
|
||
<li>在线设备: <b>个人无限制</b></li>
|
||
<li>端口速率: <b>无限制</b></li>
|
||
<li>重置周期: <b>到期清零</b></li>
|
||
</ul>
|
||
<div class="text-center mt-3">
|
||
<button class="btn btn-primary" type="button" onclick="if (!window.__cfRLUnblockHandlers) return false; buy('8',93)" data-cf-modified-c4d86746314722ec8753695f-="">立即订阅</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 pb-1">
|
||
<div class="pricing-card p-30 b-primary shadow shadow-showcase">
|
||
<span class="badge badge-primary">Business (186)</span>
|
||
<br>
|
||
<div class="price-value txt-primary" style="position: relative;">
|
||
<span class="currency">¥</span>
|
||
<span class="amount">204.00</span>
|
||
<span class="duration">186天</span>
|
||
<span class="badge badge-primary classify">半年</span>
|
||
</div>
|
||
|
||
<div class="d-flex flex-column w-100">
|
||
<span class="font-size-sm text-muted font-weight-bold pb-1">
|
||
此商品无限制购买</span>
|
||
</span>
|
||
<div class="progress progress-md w-100">
|
||
<div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<ul class="pricing-content">
|
||
<li>IEPL专线节点</b></li>
|
||
<li>套餐流量: <b>1800 GB</b></li>
|
||
<li>等级时长: <b>186 天</b></li>
|
||
<li>在线设备: <b>个人无限制</b></li>
|
||
<li>端口速率: <b>无限制</b></li>
|
||
<li>重置周期: <b>到期清零</b></li>
|
||
</ul>
|
||
<div class="text-center mt-3">
|
||
<button class="btn btn-primary" type="button" onclick="if (!window.__cfRLUnblockHandlers) return false; buy('12',186)" data-cf-modified-c4d86746314722ec8753695f-="">立即订阅</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 pb-1">
|
||
<div class="pricing-card p-30 b-primary shadow shadow-showcase">
|
||
<span class="badge badge-primary">Business (365)</span>
|
||
<br>
|
||
<div class="price-value txt-primary" style="position: relative;">
|
||
<span class="currency">¥</span>
|
||
<span class="amount">340.00</span>
|
||
<span class="duration">365天</span>
|
||
<span class="badge badge-primary classify">年付</span>
|
||
</div>
|
||
|
||
<div class="d-flex flex-column w-100">
|
||
<span class="font-size-sm text-muted font-weight-bold pb-1">
|
||
此商品无限制购买</span>
|
||
</span>
|
||
<div class="progress progress-md w-100">
|
||
<div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<ul class="pricing-content">
|
||
<li>IEPL专线节点</b></li>
|
||
<li>套餐流量: <b>3600 GB</b></li>
|
||
<li>等级时长: <b>365 天</b></li>
|
||
<li>在线设备: <b>个人无限制</b></li>
|
||
<li>端口速率: <b>无限制</b></li>
|
||
<li>重置周期: <b>到期清零</b></li>
|
||
</ul>
|
||
<div class="text-center mt-3">
|
||
<button class="btn btn-primary" type="button" onclick="if (!window.__cfRLUnblockHandlers) return false; buy('9',365)" data-cf-modified-c4d86746314722ec8753695f-="">立即订阅</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tab-pane fade " id="top-home-Enterprise" role="tabpanel" aria-labelledby="top-home-tab">
|
||
<div class="row" style="padding: 1.5rem">
|
||
<div class="col-sm-12">
|
||
<div class="tab-content" id="top-tabContent">
|
||
<div class="row">
|
||
|
||
<div class="col-md-4 pb-1">
|
||
<div class="pricing-card p-30 b-primary shadow shadow-showcase">
|
||
<span class="badge badge-primary">Enterprise (31)</span>
|
||
<br>
|
||
<div class="price-value txt-primary" style="position: relative;">
|
||
<span class="currency">¥</span>
|
||
<span class="amount">109.00</span>
|
||
<span class="duration">31天</span>
|
||
<span class="badge badge-primary classify">月付</span>
|
||
</div>
|
||
|
||
<div class="d-flex flex-column w-100">
|
||
<span class="font-size-sm text-muted font-weight-bold pb-1">
|
||
此商品无限制购买</span>
|
||
</span>
|
||
<div class="progress progress-md w-100">
|
||
<div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<ul class="pricing-content">
|
||
<li>IEPL专线节点</b></li>
|
||
<li>套餐流量: <b>1500 GB</b></li>
|
||
<li>等级时长: <b>31 天</b></li>
|
||
<li>在线设备: <b>企业内无限制</b></li>
|
||
<li>端口速率: <b>无限制</b></li>
|
||
<li>重置周期: <b>到期清零</b></li>
|
||
</ul>
|
||
<div class="text-center mt-3">
|
||
<button class="btn btn-primary" type="button" onclick="if (!window.__cfRLUnblockHandlers) return false; buy('25',30)" data-cf-modified-c4d86746314722ec8753695f-="">立即订阅</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 pb-1">
|
||
<div class="pricing-card p-30 b-primary shadow shadow-showcase">
|
||
<span class="badge badge-primary">Enterprise (93)</span>
|
||
<br>
|
||
<div class="price-value txt-primary" style="position: relative;">
|
||
<span class="currency">¥</span>
|
||
<span class="amount">327.00</span>
|
||
<span class="duration">93天</span>
|
||
<span class="badge badge-primary classify">季度</span>
|
||
</div>
|
||
|
||
<div class="d-flex flex-column w-100">
|
||
<span class="font-size-sm text-muted font-weight-bold pb-1">
|
||
此商品无限制购买</span>
|
||
</span>
|
||
<div class="progress progress-md w-100">
|
||
<div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<ul class="pricing-content">
|
||
<li>IEPL专线节点</b></li>
|
||
<li>套餐流量: <b>4500 GB</b></li>
|
||
<li>等级时长: <b>93 天</b></li>
|
||
<li>在线设备: <b>企业内无限制</b></li>
|
||
<li>端口速率: <b>无限制</b></li>
|
||
<li>重置周期: <b>到期清零</b></li>
|
||
</ul>
|
||
<div class="text-center mt-3">
|
||
<button class="btn btn-primary" type="button" onclick="if (!window.__cfRLUnblockHandlers) return false; buy('26',93)" data-cf-modified-c4d86746314722ec8753695f-="">立即订阅</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 pb-1">
|
||
<div class="pricing-card p-30 b-primary shadow shadow-showcase">
|
||
<span class="badge badge-primary">Enterprise (186)</span>
|
||
<br>
|
||
<div class="price-value txt-primary" style="position: relative;">
|
||
<span class="currency">¥</span>
|
||
<span class="amount">654.00</span>
|
||
<span class="duration">186天</span>
|
||
<span class="badge badge-primary classify">半年</span>
|
||
</div>
|
||
|
||
<div class="d-flex flex-column w-100">
|
||
<span class="font-size-sm text-muted font-weight-bold pb-1">
|
||
此商品无限制购买</span>
|
||
</span>
|
||
<div class="progress progress-md w-100">
|
||
<div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<ul class="pricing-content">
|
||
<li>IEPL专线节点</b></li>
|
||
<li>套餐流量: <b>9000 GB</b></li>
|
||
<li>等级时长: <b>186 天</b></li>
|
||
<li>在线设备: <b>企业内无限制</b></li>
|
||
<li>端口速率: <b>无限制</b></li>
|
||
<li>重置周期: <b>到期清零</b></li>
|
||
</ul>
|
||
<div class="text-center mt-3">
|
||
<button class="btn btn-primary" type="button" onclick="if (!window.__cfRLUnblockHandlers) return false; buy('27',186)" data-cf-modified-c4d86746314722ec8753695f-="">立即订阅</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 pb-1">
|
||
<div class="pricing-card p-30 b-primary shadow shadow-showcase">
|
||
<span class="badge badge-primary">Enterprise (365)</span>
|
||
<br>
|
||
<div class="price-value txt-primary" style="position: relative;">
|
||
<span class="currency">¥</span>
|
||
<span class="amount">1090.00</span>
|
||
<span class="duration">365天</span>
|
||
<span class="badge badge-primary classify">年付</span>
|
||
</div>
|
||
|
||
<div class="d-flex flex-column w-100">
|
||
<span class="font-size-sm text-muted font-weight-bold pb-1">
|
||
此商品无限制购买</span>
|
||
</span>
|
||
<div class="progress progress-md w-100">
|
||
<div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<ul class="pricing-content">
|
||
<li>IEPL专线节点</b></li>
|
||
<li>套餐流量: <b>18000 GB</b></li>
|
||
<li>等级时长: <b>365 天</b></li>
|
||
<li>在线设备: <b>企业内无限制</b></li>
|
||
<li>端口速率: <b>无限制</b></li>
|
||
<li>重置周期: <b>到期清零</b></li>
|
||
</ul>
|
||
<div class="text-center mt-3">
|
||
<button class="btn btn-primary" type="button" onclick="if (!window.__cfRLUnblockHandlers) return false; buy('28',365)" data-cf-modified-c4d86746314722ec8753695f-="">立即订阅</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!--coupon modal-->
|
||
<div class="modal fade" id="coupon_modal" tabindex="-1" role="dialog" aria-labelledby="couponModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h4 id="couponModalLabel" class="ls-2">你有优惠码吗?</h4>
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<div id="dailymail-modal-body-content">
|
||
<p>有的话,请在这里输入</p>
|
||
<p>没有的话, 直接确定吧</p>
|
||
<p>如果你是新用户 可使用下方优惠码</p> <p style="color: red;">新用户专属优惠码：福云</p> <div class="form-group">
|
||
<label class="form-control-label">输入你的优惠码 : </label>
|
||
<input id="coupon" class="form-control" type="text">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-primary" onclick="if (!window.__cfRLUnblockHandlers) return false; updateCoupon()" data-cf-modified-c4d86746314722ec8753695f-="">确认提交</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!--buy modal-->
|
||
<div class="modal fade" id="order_modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
|
||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||
<div class="modal-content shadow-lg">
|
||
<div class="modal-header">
|
||
<h4 class="modal-title kt-font-primary" id="exampleModalLongTitle"><strong>订单确认</strong></h4>
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<!-- <p><font color="red">如您是更换套餐,那剩余流量和有效期将会重置。</font></p> -->
|
||
<label class="row col-12 col-form-label" id="shop_name"></label>
|
||
<label class="row col-12 col-form-label" id="shop_credit">优惠额度：</label>
|
||
<label class="row col-12 col-form-label" id="shop_total"></label>
|
||
<label class="row col-12 col-form-label" id="shop_stneed"></label>
|
||
<fieldset class="checkbox" id="disableo">
|
||
<div class="vs-checkbox-con vs-checkbox-primary">
|
||
<span>到期时自动续费：</span>
|
||
<input type="checkbox" id="autorenew">
|
||
<span class="vs-checkbox">
|
||
<span class="vs-checkbox--check">
|
||
<i class="vs-icon feather icon-check"></i>
|
||
</span>
|
||
</span>
|
||
</div>
|
||
</fieldset>
|
||
|
||
<!--pay system-->
|
||
<div class="form-group row form-group-marginless" style="display: none" id="shop_payment">
|
||
<label class="col-lg-12 col-form-label">支付方式：</label>
|
||
<div class="col-lg-12">
|
||
|
||
<ul class="nav nav-pills row" role="tablist" id="pay_the">
|
||
<li class="nav-alipay nav-item d-flex col-md-4 mb-3 mb-lg-0 cursor_onclick"">
|
||
<a class="nav-link border py-10 d-flex flex-grow-1 rounded flex-column align-items-center active" data-toggle="pill" data-name="alipay">
|
||
<span class="nav-icon py-1 w-auto">
|
||
<i class="fab fa-alipay icon-2x"></i>
|
||
</span>
|
||
<span class="nav-text font-size-lg py-2 font-weight-bold text-center">支付宝</span>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-primary" data-dismiss="modal" id="pay-confirm">确定</button>
|
||
<button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="modal fade" id="Byvolume-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
|
||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||
<div class="modal-content shadow-lg">
|
||
<div class="modal-header">
|
||
<h4 class="modal-title"><strong>启用按量付费</strong></h4>
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<p>启用按量付费后,您可获得<code>Level 1</code>等级权限,按量付费价格为<code>0.5RMB/1G</code>,速度限制为<code>100Mbps</code>,限制<code>2个</code>设备同时在线,系统自动按您使用的流量在余额中扣费,请确保您有足够的余额。</p>
|
||
<p>
|
||
<div style="display:inline">为了保障稳定性,按量付费需您购买过正常套餐（不包括试用套餐）后才可启用。按量付费启用后</div>
|
||
<div style="color:red; display:inline">您的当前套餐将会失效且流量将会被重置,且启用期间您的账户签到将不能获得流量</div>
|
||
<div style="display:inline">,请您留意。</div>
|
||
</p>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-info waves-effect buyTrafficPackage" onclick="if (!window.__cfRLUnblockHandlers) return false; payasyougo()" data-cf-modified-c4d86746314722ec8753695f-="">确认启用</button>
|
||
<button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="modal fade" id="coolpay-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
|
||
<div class="modal-dialog" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h4 class="modal-title">支付</h4>
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<div class="text-center">
|
||
点击“继续支付”打开支付页面支付<br>
|
||
支付到账需要一段时间,请勿关闭或刷新此页面
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<a id="to-coolpay" href="shop.html##" class="btn btn-primary">继续支付</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<!-- END: Content-->
|
||
|
||
{include file='user/footer.tpl'}
|
||
|
||
<script src="/theme/cool/assets/js/scripts/jquery.bootstrap-touchspin.js" type="c4d86746314722ec8753695f-text/javascript"></script>
|
||
<script src="/theme/cool/assets/js/scripts/number-input.js" type="c4d86746314722ec8753695f-text/javascript"></script>
|
||
|
||
<script type="c4d86746314722ec8753695f-text/javascript">
|
||
var userMoney = '0.00';
|
||
var paymentSystem = "cool";
|
||
var payment = $('.cursor_onclick .active').attr('data-name');
|
||
function buy(id,auto) {
|
||
shop = id;
|
||
$("#coupon_modal").modal();
|
||
}
|
||
</script>
|
||
|
||
<script type="c4d86746314722ec8753695f-text/javascript">
|
||
|
||
// $.app.menu.toggle();
|
||
//$(".modern-nav-toggle").click();
|
||
|
||
function nobuy() {
|
||
Swal.fire({ type: "error",title: '请注意',html: '按量付费不允许购买套餐' });
|
||
}
|
||
|
||
</script>
|
||
|
||
<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="c4d86746314722ec8753695f-|49" defer></script></body>
|
||
</html>
|