更新金属机箱3.5寸小SKU:按最新标准重新生成,数据盘组合到各SKU;配件清单新增HDD-1T/3T/4T/6T

This commit is contained in:
12600k-rog-d4
2026-05-08 01:54:33 +08:00
parent 20fef11239
commit ab39e413fb
213 changed files with 1553 additions and 9691 deletions

View File

@@ -0,0 +1,96 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=1500, height=2000">
<title>高性能-i5-i7 产品特点</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
width: 1500px;
font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;
background: linear-gradient(135deg, #2ecc71 0%, #27ae60 100%);
padding: 40px;
}
.container {
width: 100%;
background: white;
border-radius: 20px;
padding: 50px;
box-shadow: 0 20px 60px rgba(0,0,0,0.2);
}
.title {
font-size: 56px;
font-weight: bold;
color: #27ae60;
text-align: center;
margin-bottom: 50px;
}
.features-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.feature-item {
background: linear-gradient(135deg, #f8fff8 0%, #e8f8e8 100%);
border-radius: 20px;
padding: 40px;
text-align: center;
border: 2px solid #a8e6cf;
}
.feature-icon {
font-size: 80px;
margin-bottom: 20px;
}
.feature-title {
font-size: 28px;
color: #27ae60;
font-weight: bold;
margin-bottom: 15px;
}
.feature-desc {
font-size: 20px;
color: #636e72;
line-height: 1.6;
}
</style>
</head>
<body>
<div class="container">
<div class="title">产品特点</div>
<div class="features-grid">
<div class="feature-item">
<div class="feature-icon">📦</div>
<div class="feature-title">体积小 容量大</div>
<div class="feature-desc">小巧机身设计,不占空间</div>
</div>
<div class="feature-item">
<div class="feature-icon">🔇</div>
<div class="feature-title">低耗静音</div>
<div class="feature-desc">低功耗设计,安静运行</div>
</div>
<div class="feature-item">
<div class="feature-icon">🌐</div>
<div class="feature-title">远程访问</div>
<div class="feature-desc">随时随地远程访问数据</div>
</div>
<div class="feature-item">
<div class="feature-icon">📶</div>
<div class="feature-title">WiFi联网</div>
<div class="feature-desc">支持WiFi无线连接</div>
</div>
<div class="feature-item">
<div class="feature-icon"></div>
<div class="feature-title">来电自启</div>
<div class="feature-desc">断电恢复后自动开机</div>
</div>
<div class="feature-item">
<div class="feature-icon">🔌</div>
<div class="feature-title">远程开关机</div>
<div class="feature-desc">支持远程控制开关机</div>
</div>
</div>
</div>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 306 KiB

View File

@@ -0,0 +1,95 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=1500, height=2000">
<title>高性能-i5-i7 使用场景</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
width: 1500px;
font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;
background: linear-gradient(135deg, #1abc9c 0%, #16a085 100%);
padding: 40px;
}
.container {
width: 100%;
background: white;
border-radius: 20px;
padding: 50px;
box-shadow: 0 20px 60px rgba(26,188,156,0.3);
}
.title {
font-size: 56px;
font-weight: bold;
color: #1abc9c;
text-align: center;
margin-bottom: 50px;
}
.scenarios {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px;
}
.scenario-item {
background: linear-gradient(135deg, #e8f8f5 0%, #d5f5e3 100%);
border-radius: 20px;
padding: 40px;
border: 2px solid #a2d9c9;
}
.scenario-icon {
font-size: 70px;
margin-bottom: 20px;
}
.scenario-title {
font-size: 32px;
color: #16a085;
font-weight: bold;
margin-bottom: 15px;
}
.scenario-desc {
font-size: 22px;
color: #636e72;
line-height: 1.8;
}
</style>
</head>
<body>
<div class="container">
<div class="title">使用场景</div>
<div class="scenarios">
<div class="scenario-item">
<div class="scenario-icon">📱</div>
<div class="scenario-title">手机扩容</div>
<div class="scenario-desc">照片视频备份,自动同步,远程同步</div>
</div>
<div class="scenario-item">
<div class="scenario-icon">💼</div>
<div class="scenario-title">小型办公/团队协作</div>
<div class="scenario-desc">远程文件访问,多人协作,权限分级,文件共享,文件归档,在线编辑</div>
</div>
<div class="scenario-item">
<div class="scenario-icon">📹</div>
<div class="scenario-title">监控视频存储</div>
<div class="scenario-desc">小米摄像头存储ONVIF协议支持</div>
</div>
<div class="scenario-item">
<div class="scenario-icon">🎬</div>
<div class="scenario-title">家庭影院打造</div>
<div class="scenario-desc">流畅播放4K视频硬解4K</div>
</div>
<div class="scenario-item">
<div class="scenario-icon">💬</div>
<div class="scenario-title">微信聊天记录备份</div>
<div class="scenario-desc">支持微信聊天记录备份</div>
</div>
<div class="scenario-item">
<div class="scenario-icon">🌍</div>
<div class="scenario-title">远程访问</div>
<div class="scenario-desc">远程访问照片,视频,文件等内容</div>
</div>
</div>
</div>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 461 KiB

View File

@@ -0,0 +1,99 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=1500, height=2000">
<title>高性能-i5-i7 商品卖点</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
width: 1500px;
font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;
background: linear-gradient(135deg, #27ae60 0%, #2ecc71 50%, #27ae60 100%);
padding: 40px;
}
.container {
width: 100%;
background: linear-gradient(135deg, #ffffff 0%, #f8fff8 100%);
border-radius: 20px;
padding: 50px;
box-shadow: 0 20px 60px rgba(39,174,96,0.3), inset 0 2px 0 rgba(255,255,255,1);
border: 3px solid #2ecc71;
}
.title {
font-size: 64px;
font-weight: bold;
color: #27ae60;
text-align: center;
margin-bottom: 50px;
text-shadow: 0 2px 10px rgba(39,174,96,0.2);
}
.points-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.point-item {
background: linear-gradient(135deg, #f8fff8 0%, #e8f8e8 100%);
border-radius: 20px;
padding: 40px;
text-align: center;
box-shadow: 0 8px 25px rgba(39,174,96,0.15);
border: 2px solid #a8e6cf;
}
.point-icon {
font-size: 80px;
margin-bottom: 20px;
}
.point-title {
font-size: 32px;
color: #27ae60;
font-weight: bold;
margin-bottom: 15px;
}
.point-desc {
font-size: 22px;
color: #636e72;
line-height: 1.6;
}
</style>
</head>
<body>
<div class="container">
<div class="title">商品卖点</div>
<div class="points-grid">
<div class="point-item">
<div class="point-icon">🚀</div>
<div class="point-title">强劲性能</div>
<div class="point-desc">i5/i7高性能处理器多任务流畅运行</div>
</div>
<div class="point-item">
<div class="point-icon">💾</div>
<div class="point-title">海量存储</div>
<div class="point-desc">双SATA口支持大容量硬盘扩展</div>
</div>
<div class="point-item">
<div class="point-icon">🌐</div>
<div class="point-title">远程访问</div>
<div class="point-desc">飞牛系统支持远程访问,随时随地存取文件</div>
</div>
<div class="point-item">
<div class="point-icon">📱</div>
<div class="point-title">手机扩容</div>
<div class="point-desc">照片视频自动备份,释放手机空间</div>
</div>
<div class="point-item">
<div class="point-icon">🎬</div>
<div class="point-title">4K播放</div>
<div class="point-desc">流畅播放4K视频支持硬件解码</div>
</div>
<div class="point-item">
<div class="point-icon">🔒</div>
<div class="point-title">数据安全</div>
<div class="point-desc">多重备份机制,保障数据安全</div>
</div>
</div>
</div>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 384 KiB

View File

@@ -0,0 +1,171 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=1500, height=2000">
<title>高性能-i5-i7 配置清单</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
width: 1500px;
font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;
background: linear-gradient(135deg, #2ecc71 0%, #27ae60 100%);
padding: 40px;
}
.container {
width: 100%;
background: white;
border-radius: 20px;
padding: 50px;
box-shadow: 0 20px 60px rgba(0,0,0,0.2);
}
.title {
font-size: 56px;
font-weight: bold;
color: #2ecc71;
text-align: center;
margin-bottom: 20px;
}
.subtitle {
font-size: 28px;
color: #666;
text-align: center;
margin-bottom: 50px;
}
.config-section {
margin-bottom: 40px;
}
.section-title {
font-size: 36px;
font-weight: bold;
color: #2ecc71;
margin-bottom: 25px;
padding-left: 20px;
border-left: 6px solid #2ecc71;
}
.config-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.config-item {
background: linear-gradient(135deg, #f8fff8 0%, #e8f8e8 100%);
padding: 25px 30px;
border-radius: 15px;
display: flex;
justify-content: space-between;
align-items: center;
border: 1px solid #a8e6cf;
}
.config-label {
font-size: 26px;
color: #333;
font-weight: bold;
}
.config-value {
font-size: 26px;
color: #27ae60;
font-weight: bold;
}
.notice {
background: #fff9e6;
border: 2px solid #f1c40f;
border-radius: 15px;
padding: 30px;
margin-top: 30px;
}
.notice-title {
font-size: 28px;
color: #d4a017;
font-weight: bold;
margin-bottom: 15px;
}
.notice-item {
font-size: 22px;
color: #856e29;
line-height: 1.8;
}
</style>
</head>
<body>
<div class="container">
<div class="title">配置清单</div>
<div class="subtitle">飞牛NAS 高性能-i5-i7 主机系列</div>
<div class="config-section">
<div class="section-title">机箱选择</div>
<div class="config-grid">
<div class="config-item">
<span class="config-label">亚克力-双机箱</span>
<span class="config-value">小巧精致</span>
</div>
<div class="config-item">
<span class="config-label">金属3.5寸大机箱</span>
<span class="config-value">容量更大</span>
</div>
</div>
</div>
<div class="config-section">
<div class="section-title">CPU处理器可选</div>
<div class="config-grid">
<div class="config-item">
<span class="config-label">Intel i5-2代</span>
<span class="config-value">双核 2.5GHz</span>
</div>
<div class="config-item">
<span class="config-label">Intel i5-3代</span>
<span class="config-value">双核 2.6GHz</span>
</div>
<div class="config-item">
<span class="config-label">Intel i5-4代</span>
<span class="config-value">双核 3.0GHz</span>
</div>
<div class="config-item">
<span class="config-label">Intel i7-2代</span>
<span class="config-value">四核 2.8GHz</span>
</div>
<div class="config-item">
<span class="config-label">Intel i7-3代</span>
<span class="config-value">四核 3.1GHz</span>
</div>
<div class="config-item">
<span class="config-label">Intel i7-4代</span>
<span class="config-value">四核 3.3GHz</span>
</div>
</div>
</div>
<div class="config-section">
<div class="section-title">内存容量(可选)</div>
<div class="config-grid">
<div class="config-item">
<span class="config-label">DDR3 4GB</span>
<span class="config-value">入门配置</span>
</div>
<div class="config-item">
<span class="config-label">DDR3 8GB</span>
<span class="config-value">推荐配置</span>
</div>
</div>
</div>
<div class="config-section">
<div class="section-title">系统盘容量(可选)</div>
<div class="config-grid">
<div class="config-item">
<span class="config-label">mSATA 128GB</span>
<span class="config-value">标准配置</span>
</div>
</div>
</div>
<div class="notice">
<div class="notice-title">购买须知</div>
<div class="notice-item">亚克力机箱需要自己组装,店铺会提供安装视频</div>
<div class="notice-item">受成本限制,产品无法做到十全十美,完美主义者慎拍</div>
<div class="notice-item">支持双SATA口可扩展更多硬盘</div>
</div>
</div>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 331 KiB