admin/membank
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

0328

Browse Source
This commit is contained in:
张威33321
2026-03-28 18:08:56 +08:00
parent 3b12c3f2af
commit 398fcf9aff
195 changed files with 4845 additions and 549 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
产品/win 小主机/挂机宝/详情/挂机宝_商品实拍图.html
View File

@@ -10,23 +10,25 @@
width: 1000px;
height: 1000px;
font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
background: linear-gradient(135deg, #00b894 0%, #55efc4 50%, #00b894 100%);
padding: 40px;
}
.container {
width: 100%;
height: 100%;
background: white;
background: linear-gradient(135deg, #ffffff 0%, #f0fff4 100%);
border-radius: 20px;
padding: 50px;
box-shadow: 0 20px 60px rgba(0,0,0,0.3);
box-shadow: 0 20px 60px rgba(0,184,148,0.3), inset 0 2px 0 rgba(255,255,255,1);
border: 2px solid #55efc4;
}
.title {
font-size: 56px;
font-weight: bold;
color: #333;
color: #00b894;
text-align: center;
margin-bottom: 40px;
text-shadow: 0 2px 10px rgba(0,184,148,0.2);
}
.image-grid {
display: grid;
@@ -35,13 +37,15 @@
height: calc(100% - 96px);
}
.image-box {
background: linear-gradient(135deg, #f5f7fa 0%, #e8ecef 100%);
background: linear-gradient(135deg, #f0fff4 0%, #e3f9e7 100%);
border-radius: 15px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 30px;
box-shadow: 0 4px 15px rgba(0,184,148,0.15);
border: 1px solid #81ecec;
}
.image-placeholder {
font-size: 120px;
@@ -49,7 +53,7 @@
}
.image-label {
font-size: 28px;
color: #666;
color: #00a885;
font-weight: bold;
}
</style>
@@ -61,19 +65,19 @@
<div class="image-grid">
<div class="image-box">
<div class="image-placeholder">📷</div>
<div class="image-label">一拖一展示</div>
<div class="image-label">正面展示</div>
</div>
<div class="image-box">
<div class="image-placeholder">📷</div>
<div class="image-label">一拖三展示</div>
<div class="image-label">侧面展示</div>
</div>
<div class="image-box">
<div class="image-placeholder">📷</div>
<div class="image-label">内部结构</div>
<div class="image-label">接口展示</div>
</div>
<div class="image-box">
<div class="image-placeholder">📷</div>
<div class="image-label">接口细节</div>
<div class="image-label">配件展示</div>
</div>
</div>
</div>