24kycj
88c6ce8ccc
- 迁移为 frontend-web、frontend-electron、backend-web 与 docker 部署结构 - 网页端：订阅门禁二次弹窗、套餐/支付组件化、顶栏分组对齐 - 首页：最近文件与模板库布局优化，缩略图对齐，下载与删除操作 - 新增管理后台、支付与云端文件 API，更新 README 与项目规范 Co-authored-by: Cursor <cursoragent@cursor.com>
72 lines
2.7 KiB
HTML
72 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="description" content="SoonDesign 订阅与账户">
|
|
<link rel="icon" href="../assets/images/favicon.ico">
|
|
<title>订阅中心 · SoonDesign</title>
|
|
<link rel="stylesheet" href="../vendor/layui/css/layui.css">
|
|
<link rel="stylesheet" href="../assets/css/layer-soon.css">
|
|
<link rel="stylesheet" href="../assets/css/portal.css">
|
|
<link rel="stylesheet" href="../assets/css/member.css">
|
|
</head>
|
|
<body class="soon-member-page">
|
|
<div class="soon-pay-banner" id="payBanner">支付成功，订阅已生效</div>
|
|
|
|
<div id="portal-topbar"></div>
|
|
|
|
<div class="soon-member-wrap">
|
|
<header class="soon-member-pagehead">
|
|
<div>
|
|
<p class="soon-member-pagehead__eyebrow">订阅服务</p>
|
|
<h1 class="soon-member-pagehead__title">订阅中心</h1>
|
|
<p class="soon-member-pagehead__sub">免费体验设计工具；订阅后解锁预览、打印与云端交付</p>
|
|
</div>
|
|
</header>
|
|
|
|
<section class="soon-member-dashboard" id="myPlan">
|
|
<div class="soon-skeleton soon-skeleton--h160"></div>
|
|
</section>
|
|
|
|
<section class="soon-member-section">
|
|
<div class="soon-member-section__head">
|
|
<h2><span class="soon-member-section__mark"></span>订阅方案</h2>
|
|
<p>选择适合您的订阅周期，功能相同，随时续订</p>
|
|
</div>
|
|
<div class="soon-plans-grid" id="plans">
|
|
<div class="soon-skeleton soon-skeleton--h320" style="grid-column:1/-1"></div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="soon-member-section soon-member-section--last">
|
|
<div class="soon-member-section__head">
|
|
<h2><span class="soon-member-section__mark"></span>订单记录</h2>
|
|
<p>订阅与支付记录，支持分页浏览</p>
|
|
</div>
|
|
<div class="soon-member-orders" id="orderHistory">
|
|
<div class="soon-member-orders-empty">加载中...</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<script src="../assets/deploy-config.js"></script>
|
|
<script src="../js/common/auth-redirect.js"></script>
|
|
<script src="../js/common/auth-session.js"></script>
|
|
<script src="../js/common/member-pay-core.js"></script>
|
|
<script src="../js/common/member-plan-core.js"></script>
|
|
<script src="../js/common/cloud-files.js"></script>
|
|
<script src="../js/common/portal-topbar.js"></script>
|
|
<script src="../js/common/portal-auth.js"></script>
|
|
<script src="../vendor/js/qrcode.min.js"></script>
|
|
<script src="../vendor/layui/layui.js"></script>
|
|
<script>
|
|
layui.use(['layer'], function () {
|
|
window.layer = layui.layer;
|
|
layer.config({ skin: 'soon-layer' });
|
|
});
|
|
</script>
|
|
<script src="../js/member.js"></script>
|
|
</body>
|
|
</html>
|