46 lines
1.5 KiB
HTML
46 lines
1.5 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="zh-CN">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>积分商品 - H5</title>
|
||
|
|
<link rel="stylesheet" href="../css/mobile.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="page-container">
|
||
|
|
<!-- 页面头部 -->
|
||
|
|
<div class="page-header">
|
||
|
|
<button class="back-btn" onclick="goBack()">←</button>
|
||
|
|
<div class="page-title">积分商品</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- 页面内容 -->
|
||
|
|
<div class="page-content">
|
||
|
|
<!-- 添加商品按钮 -->
|
||
|
|
<button class="btn btn-primary" onclick="addProduct()" style="margin-bottom: 15px;">
|
||
|
|
添加新商品
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<!-- 积分商品列表表格 -->
|
||
|
|
<table class="simple-table">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th>商品名称</th>
|
||
|
|
<th>所需积分</th>
|
||
|
|
<th>库存</th>
|
||
|
|
<th>商品描述</th>
|
||
|
|
<th>状态</th>
|
||
|
|
<th>操作</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody id="product-table-body">
|
||
|
|
<!-- 数据将通过JavaScript动态填充 -->
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script src="../js/mobile-common.js"></script>
|
||
|
|
<script src="../js/pages/point-products.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|