|
|
@@ -1,200 +0,0 @@
|
|
|
-<!DOCTYPE html>
|
|
|
-<html lang="zh-CN">
|
|
|
-
|
|
|
- <head>
|
|
|
- <meta charset="UTF-8">
|
|
|
- <title>历史版本列表 - Masuit.MyBlogs</title>
|
|
|
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
- <!-- 继承主站UI风格，蓝色渐变、圆角、阴影、响应式 -->
|
|
|
- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Segoe+UI:400,500,700&display=swap">
|
|
|
- <style>
|
|
|
- body {
|
|
|
- background: #f7f9fb;
|
|
|
- font-family: 'Segoe UI', 'PingFang SC', 'Arial', sans-serif;
|
|
|
- margin: 0; padding: 0;
|
|
|
- }
|
|
|
- .container {
|
|
|
- max-width: 1080px;
|
|
|
- margin: 40px auto 0 auto;
|
|
|
- padding: 0 8px;
|
|
|
- }
|
|
|
- .history-table-card {
|
|
|
- background: #fff;
|
|
|
- border-radius: 16px;
|
|
|
- box-shadow: 0 2px 16px rgba(60,60,120,0.08);
|
|
|
- padding: 32px 28px;
|
|
|
- }
|
|
|
- .history-title {
|
|
|
- font-size: 1.55rem;
|
|
|
- font-weight: 700;
|
|
|
- color: #1566b6;
|
|
|
- margin-bottom: 26px;
|
|
|
- letter-spacing: .5px;
|
|
|
- }
|
|
|
- table.history-table {
|
|
|
- width: 100%;
|
|
|
- border-collapse: separate;
|
|
|
- border-spacing: 0;
|
|
|
- background: #fff;
|
|
|
- border-radius: 14px;
|
|
|
- box-shadow: 0 1px 8px rgba(30,144,255,0.04);
|
|
|
- overflow: hidden;
|
|
|
- }
|
|
|
- table.history-table th, table.history-table td {
|
|
|
- padding: 12px 10px;
|
|
|
- text-align: left;
|
|
|
- font-size: 1.05rem;
|
|
|
- border-bottom: 1.5px solid #eaf6ff;
|
|
|
- vertical-align: middle;
|
|
|
- }
|
|
|
- table.history-table th {
|
|
|
- background: linear-gradient(90deg, #eaf6ff 0%, #f7fcff 100%);
|
|
|
- color: #1566b6;
|
|
|
- font-weight: 600;
|
|
|
- border-bottom: 2.5px solid #1e90ff;
|
|
|
- letter-spacing: .4px;
|
|
|
- }
|
|
|
- table.history-table tr:last-child td {
|
|
|
- border-bottom: none;
|
|
|
- }
|
|
|
- .version-checkbox {
|
|
|
- accent-color: #1e90ff;
|
|
|
- width: 22px; height: 22px;
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
- .history-link {
|
|
|
- color: #1e90ff;
|
|
|
- text-decoration: underline;
|
|
|
- border-radius: 7px;
|
|
|
- padding: 2px 7px;
|
|
|
- transition: background 0.13s, color 0.13s;
|
|
|
- }
|
|
|
- .history-link:hover {
|
|
|
- background: #eaf6ff;
|
|
|
- color: #1566b6;
|
|
|
- text-decoration: none;
|
|
|
- }
|
|
|
- .category-link {
|
|
|
- color: #2990f8;
|
|
|
- background: #eaf6ff;
|
|
|
- border-radius: 6px;
|
|
|
- padding: 2px 9px;
|
|
|
- font-size: 1.01rem;
|
|
|
- font-weight: 500;
|
|
|
- text-decoration: none;
|
|
|
- margin-right: 2px;
|
|
|
- transition: background 0.13s, color 0.13s;
|
|
|
- }
|
|
|
- .category-link:hover {
|
|
|
- background: #d2eaff;
|
|
|
- color: #1566b6;
|
|
|
- text-decoration: underline;
|
|
|
- }
|
|
|
- .modifier-cell {
|
|
|
- color: #1566b6;
|
|
|
- font-weight: 600;
|
|
|
- }
|
|
|
- @media (max-width: 900px) {
|
|
|
- .history-table-card {
|
|
|
- padding: 13px 4px;
|
|
|
- }
|
|
|
- table.history-table th, table.history-table td {
|
|
|
- padding: 8px 4px;
|
|
|
- font-size: .97rem;
|
|
|
- }
|
|
|
- .history-title {
|
|
|
- font-size: 1.19rem;
|
|
|
- margin-bottom: 13px;
|
|
|
- }
|
|
|
- }
|
|
|
- /* 新增/修改表头透明样式 */
|
|
|
- table.history-table th {
|
|
|
- background: rgba(255,255,255,0.65); /* 半透明 */
|
|
|
- color: #1566b6;
|
|
|
- font-weight: 600;
|
|
|
- border-bottom: 2.5px solid #1e90ff;
|
|
|
- letter-spacing: .4px;
|
|
|
- backdrop-filter: blur(2px); /* 轻微磨砂 */
|
|
|
- }
|
|
|
-
|
|
|
- /* 表头透明样式 */
|
|
|
- table.history-table th {
|
|
|
- background: rgba(255,255,255,0.65);
|
|
|
- color: #1566b6;
|
|
|
- font-weight: 600;
|
|
|
- border-bottom: 2.5px solid #1e90ff;
|
|
|
- letter-spacing: .4px;
|
|
|
- backdrop-filter: blur(2px);
|
|
|
- position: relative;
|
|
|
- }
|
|
|
- /* 版本对比按钮样式 */
|
|
|
- .compare-btn {
|
|
|
- display: inline-block;
|
|
|
- background: linear-gradient(90deg, #1e90ff 40%, #56CCF2 100%);
|
|
|
- color: #fff;
|
|
|
- border: none;
|
|
|
- border-radius: 7px;
|
|
|
- font-size: 1.01rem;
|
|
|
- font-weight: 600;
|
|
|
- padding: 6px 16px;
|
|
|
- margin: 0 2px;
|
|
|
- cursor: pointer;
|
|
|
- box-shadow: 0 1px 8px rgba(30,144,255,0.09);
|
|
|
- transition: background 0.18s, color 0.18s;
|
|
|
- }
|
|
|
- .compare-btn:hover {
|
|
|
- background: linear-gradient(90deg, #2990f8 40%, #1e90ff 100%);
|
|
|
- color: #fff;
|
|
|
- }
|
|
|
- </style>
|
|
|
- </head>
|
|
|
-
|
|
|
- <body>
|
|
|
- <div class="container">
|
|
|
- <div class="history-table-card">
|
|
|
- <div class="history-title">历史版本列表</div>
|
|
|
- <form id="version-compare-form">
|
|
|
- <table class="history-table">
|
|
|
- <thead>
|
|
|
- <tr>
|
|
|
- <th style="width:120px;">
|
|
|
- <button type="button" class="compare-btn" onclick="compareSelectedVersions()">版本对比</button>
|
|
|
- </th>
|
|
|
- <th>标题</th>
|
|
|
- <th>原分类</th>
|
|
|
- <th>修改时间</th>
|
|
|
- <th>修改人</th>
|
|
|
- </tr>
|
|
|
- </thead>
|
|
|
- <tbody>
|
|
|
- <tr>
|
|
|
- <td><input type="checkbox" class="version-checkbox" name="compare" value="v1"></td>
|
|
|
- <td><a href="/article/101/v1" class="history-link">Go并发模型详解（v1）</a></td>
|
|
|
- <td><a href="/category/backend" class="category-link">后端开发</a></td>
|
|
|
- <td><a href="/history/101/v1" class="history-link">2025-09-10 15:32</a></td>
|
|
|
- <td class="modifier-cell">王五</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td><input type="checkbox" class="version-checkbox" name="compare" value="v2"></td>
|
|
|
- <td><a href="/article/101/v2" class="history-link">Go并发模型优化（v2）</a></td>
|
|
|
- <td><a href="/category/backend" class="category-link">后端开发</a></td>
|
|
|
- <td><a href="/history/101/v2" class="history-link">2025-09-12 08:07</a></td>
|
|
|
- <td class="modifier-cell">李四</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td><input type="checkbox" class="version-checkbox" name="compare" value="v3"></td>
|
|
|
- <td><a href="/article/101/v3" class="history-link">Go并发与性能（v3）</a></td>
|
|
|
- <td><a href="/category/backend" class="category-link">后端开发</a></td>
|
|
|
- <td><a href="/history/101/v3" class="history-link">2025-09-15 10:08</a></td>
|
|
|
- <td class="modifier-cell">王五</td>
|
|
|
- </tr>
|
|
|
- <!-- 更多版本... -->
|
|
|
- </tbody>
|
|
|
- </table>
|
|
|
- <!-- 可在表单下方加“对比选中版本”按钮等自定义操作 -->
|
|
|
- </form>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </body>
|
|
|
-
|
|
|
-</html>
|
懒得勤快