更新飞牛NAS产品SKU：金属机箱3.5寸大-三或四盘位新增J3160-4G-64G和1037U-4G-64G，重构产品目录结构

2026-05-22 01:33:57 +08:00
parent 4efeda9189
commit 1bdc1d5492
277 changed files with 2525 additions and 805 deletions
--- a/单/主图/主图4-多角度展示.html
+++ b/单/主图/主图4-多角度展示.html
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>飞牛NAS 主图4-多角度展示</title>
+    <style>
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body {
+            width: 1000px;
+            height: 1000px;
+            font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;
+            background: linear-gradient(135deg, #e0f2f1 0%, #b2dfdb 50%, #80cbc4 100%);
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            overflow: hidden;
+            padding: 50px 60px;
+        }
+        .title {
+            font-size: 56px;
+            font-weight: bold;
+            color: #00695c;
+            text-align: center;
+            margin-bottom: 40px;
+            padding-bottom: 20px;
+            border-bottom: 5px solid #b2dfdb;
+            text-shadow: 0 4px 20px rgba(0,105,92,0.2);
+        }
+        .images-grid {
+            display: grid;
+            grid-template-columns: repeat(2, 1fr);
+            gap: 24px;
+            width: 100%;
+        }
+        .image-card {
+            background: rgba(255,255,255,0.85);
+            border-radius: 20px;
+            padding: 20px;
+            text-align: center;
+            box-shadow: 0 6px 24px rgba(0,0,0,0.08);
+            border: 2px solid rgba(38,166,154,0.3);
+        }
+        .image-card img {
+            width: 100%;
+            height: 260px;
+            object-fit: cover;
+            border-radius: 12px;
+        }
+        .image-label {
+            font-size: 26px;
+            color: #00796b;
+            font-weight: bold;
+            margin-top: 12px;
+        }
+    </style>
+</head>
+<body>
+    <div class="title">多角度展示</div>
+    
+    <div class="images-grid">
+        <div class="image-card">
+            <img src="../image/正面_裁剪.jpg" alt="正面">
+            <div class="image-label">正面展示</div>
+        </div>
+        <div class="image-card">
+            <img src="../image/侧面.jpg" alt="侧面">
+            <div class="image-label">侧面展示</div>
+        </div>
+        <div class="image-card">
+            <img src="../image/俯视图.jpg" alt="俯视">
+            <div class="image-label">俯视展示</div>
+        </div>
+        <div class="image-card">
+            <img src="../image/接口.jpg" alt="接口">
+            <div class="image-label">接口展示</div>
+        </div>
+    </div>
+</body>
+</html>