msumshk/TakeoutSaaS.Prototypes
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: init project with pages and index

Browse Source
This commit is contained in:
MSuMshk
2026-02-15 22:50:30 +08:00
commit f407288701
79 changed files with 25642 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

97
pages/sys-notify.html Normal file
View File

@@ -0,0 +1,97 @@
<style>
.snf-wrap{padding:24px;max-width:960px;display:flex;flex-direction:column;gap:20px;}
.snf-section-hd{font-size:15px;font-weight:600;color:var(--g-text);padding-left:10px;border-left:3px solid var(--primary);margin-bottom:16px;}
.snf-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--g-border);}
.snf-toggle-row:last-child{border-bottom:none;}
.snf-toggle-left{display:flex;flex-direction:column;gap:4px;}
.snf-toggle-label{font-size:14px;color:var(--g-text);font-weight:500;}
.snf-toggle-hint{font-size:12px;color:var(--g-text-muted);}
.snf-event-table th,.snf-event-table td{text-align:center;}
.snf-event-table td:first-child,.snf-event-table th:first-child{text-align:left;}
.snf-event-table input[type="checkbox"]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer;}
.snf-footer{display:flex;justify-content:flex-end;gap:10px;padding:4px 0 0;}
</style>
<div class="snf-wrap">
<!-- 通知渠道 -->
<div class="g-card" style="padding:24px;">
<div class="snf-section-hd">通知渠道</div>
<div class="snf-toggle-row">
<div class="snf-toggle-left">
<span class="snf-toggle-label">站内通知</span>
</div>
<div class="g-toggle on" onclick="toggleSwitch(this)"></div>
</div>
<div class="snf-toggle-row">
<div class="snf-toggle-left">
<span class="snf-toggle-label">微信推送</span>
</div>
<div class="g-toggle on" onclick="toggleSwitch(this)"></div>
</div>
<div class="snf-toggle-row">
<div class="snf-toggle-left">
<span class="snf-toggle-label">短信通知</span>
<span class="snf-toggle-hint">需充值短信包，当前余额 0 条</span>
</div>
<div class="g-toggle" onclick="toggleSwitch(this)"></div>
</div>
</div>
<!-- 通知事件 -->
<div class="g-card" style="padding:24px;">
<div class="snf-section-hd">通知事件</div>
<table class="g-table snf-event-table">
<thead>
<tr><th>事件名称</th><th>站内</th><th>微信</th><th>短信</th></tr>
</thead>
<tbody>
<tr>
<td>新订单提醒</td>
<td><input type="checkbox" checked></td>
<td><input type="checkbox" checked></td>
<td><input type="checkbox" checked></td>
</tr>
<tr>
<td>退款申请</td>
<td><input type="checkbox" checked></td>
<td><input type="checkbox" checked></td>
<td><input type="checkbox"></td>
</tr>
<tr>
<td>库存预警</td>
<td><input type="checkbox" checked></td>
<td><input type="checkbox"></td>
<td><input type="checkbox"></td>
</tr>
<tr>
<td>会员注册</td>
<td><input type="checkbox" checked></td>
<td><input type="checkbox"></td>
<td><input type="checkbox"></td>
</tr>
<tr>
<td>差评提醒</td>
<td><input type="checkbox" checked></td>
<td><input type="checkbox" checked></td>
<td><input type="checkbox"></td>
</tr>
<tr>
<td>资质到期</td>
<td><input type="checkbox" checked></td>
<td><input type="checkbox" checked></td>
<td><input type="checkbox" checked></td>
</tr>
</tbody>
</table>
</div>
<div class="snf-footer">
<button class="g-btn">重置</button>
<button class="g-btn g-btn-primary">保存</button>
</div>
</div>
<script>
function toggleSwitch(el){el.classList.toggle('on');}
if(typeof lucide!=='undefined'){lucide.createIcons();}
</script>