sxbh_admin/sxbh.ltd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(sxbh-ui-p2): radius 3-tier + unify card icons to teal

Browse Source 
P2-1 radius: 11 raw px -> var(--radius-sm/md/lg) (6/8->sm, 10/12/14->md, 16/20->lg); raw remains 0 (keep 1px/3px/50%). P2-2 icons: 15 sites (9 icon bg+fg / 3 product gradient / 3 svg color) -> #ecfeff + #0e7490; old colors 0. Whitelist: style.css,index.html only (external column-tab hunk left unstaged in worktree).
This commit is contained in:
Hermes CI Fix
2026-09-28 17:40:34 +08:00
parent fa4c16a252
commit d3c1fe2a76
2 changed files with 26 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+15 -15
View File
@@ -199,7 +199,7 @@
<!-- 电脑维修 -->
<div class="service-card fade-in fade-in-d1">
<div class="service-icon" style="background:#ede9fe;color:#7c3aed;">
<div class="service-icon" style="background:#ecfeff;color:#0e7490;">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect>
<line x1="8" y1="21" x2="16" y2="21"></line>
@@ -215,7 +215,7 @@
<!-- 打印机维修 -->
<div class="service-card fade-in fade-in-d1">
<div class="service-icon" style="background:#e0f2fe;color:#0284c7;">
<div class="service-icon" style="background:#ecfeff;color:#0e7490;">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<polyline points="6 9 6 2 18 2 18 9"></polyline>
<path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"></path>
@@ -231,7 +231,7 @@
<!-- 网络工程监控 -->
<div class="service-card fade-in fade-in-d2">
<div class="service-icon" style="background:#dcfce7;color:#16a34a;">
<div class="service-icon" style="background:#ecfeff;color:#0e7490;">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="10"></circle>
<line x1="2" y1="12" x2="22" y2="12"></line>
@@ -248,7 +248,7 @@
<!-- 行业应用开发 -->
<a href="https://learn.sxbh.ltd" target="_blank" class="service-card-link">
<div class="service-card fade-in fade-in-d2">
<div class="service-icon" style="background:#fff7ed;color:#ea580c;">
<div class="service-icon" style="background:#ecfeff;color:#0e7490;">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<rect x="5" y="2" width="14" height="20" rx="2"></rect>
<line x1="12" y1="18" x2="12" y2="18"></line>
@@ -279,7 +279,7 @@
<!-- IT运维服务 -->
<div class="service-card fade-in fade-in-d3">
<div class="service-icon" style="background:#fce7f3;color:#db2777;">
<div class="service-icon" style="background:#ecfeff;color:#0e7490;">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="3"></circle>
<path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
@@ -313,8 +313,8 @@
<!-- 联想电脑 -->
<div class="product-card fade-in fade-in-d1">
<div class="product-img" style="background:linear-gradient(135deg,#eef2ff,#e0e7ff);">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="color:#6366f1;">
<div class="product-img" style="background:linear-gradient(135deg,#ecfeff,#cffafe);">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="color:#0e7490;">
<rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect>
<line x1="8" y1="21" x2="16" y2="21"></line>
<line x1="12" y1="17" x2="12" y2="21"></line>
@@ -338,8 +338,8 @@
<!-- 办公设备 -->
<div class="product-card fade-in fade-in-d1">
<div class="product-img" style="background:linear-gradient(135deg,#f0fdf4,#dcfce7);">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="color:#16a34a;">
<div class="product-img" style="background:linear-gradient(135deg,#ecfeff,#cffafe);">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="color:#0e7490;">
<polyline points="6 9 6 2 18 2 18 9"></polyline>
<path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"></path>
<rect x="6" y="14" width="12" height="8"></rect>
@@ -363,8 +363,8 @@
<!-- 配件耗材 -->
<div class="product-card fade-in fade-in-d2">
<div class="product-img" style="background:linear-gradient(135deg,#fefce8,#fef9c3);">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="color:#ca8a04;">
<div class="product-img" style="background:linear-gradient(135deg,#ecfeff,#cffafe);">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="color:#0e7490;">
<circle cx="12" cy="12" r="3"></circle>
<path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
</svg>
@@ -403,7 +403,7 @@
<p class="section-desc fade-in">专业值得信赖，服务创造价值</p>
<div class="why-grid">
<div class="why-card fade-in fade-in-d1">
<div class="why-icon" style="background:#fef3c7;color:#d97706;">
<div class="why-icon" style="background:#ecfeff;color:#0e7490;">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
</svg>
@@ -412,7 +412,7 @@
<p>30分钟内响应您的需求<br>2小时内上门服务<br>紧急情况随叫随到</p>
</div>
<div class="why-card fade-in fade-in-d1">
<div class="why-icon" style="background:#ede9fe;color:#7c3aed;">
<div class="why-icon" style="background:#ecfeff;color:#0e7490;">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="8" r="6"></circle>
<path d="M15.477 12.89 17 22l-5-3-5 3 1.523-9.11"></path>
@@ -422,7 +422,7 @@
<p>资深认证工程师团队<br>十年以上行业经验<br>持续技术培训更新</p>
</div>
<div class="why-card fade-in fade-in-d2">
<div class="why-icon" style="background:#dbeafe;color:#2563eb;">
<div class="why-icon" style="background:#ecfeff;color:#0e7490;">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
</svg>
@@ -431,7 +431,7 @@
<p>维修后质保3个月<br>所有报价公开透明<br>无隐形消费承诺</p>
</div>
<div class="why-card fade-in fade-in-d2">
<div class="why-icon" style="background:#fce7f3;color:#db2777;">
<div class="why-icon" style="background:#ecfeff;color:#0e7490;">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect>
<line x1="8" y1="21" x2="16" y2="21"></line>