design: 设计稿去渐变——头像圆统一纯色 #6366F1

This commit is contained in:
cqh963852 committed 2026-10-02 10:26:55 +08:00
1 parent ddd6ea2254
commit 5cd454b729
9 files changed
+4 -4

No files matched your search

Binary file not shown.

Before

Width:  |  Height:  |  Size: 117 KiB

After

Width:  |  Height:  |  Size: 116 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 128 KiB

After

Width:  |  Height:  |  Size: 126 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 149 KiB

After

Width:  |  Height:  |  Size: 149 KiB

+2 -2
View File
@@ -90,7 +90,7 @@
.topbar .menu span.active { color: #ffffff; font-weight: 600; }
.topbar .ava {
width: 24px; height: 24px; border-radius: 50%;
background: linear-gradient(135deg, #6366f1, #ec4899);
background: #6366f1;
display: flex; align-items: center; justify-content: center;
color: #fff; font-size: 11px; font-weight: 700;
}
@@ -177,7 +177,7 @@
<div style="position:absolute; top:0; left:0; right:0; height:46px; background:#111; color:#b9b9b9; display:flex; align-items:center; padding:0 40px; gap:26px; font-size:13px;">
<span style="color:#fff; font-weight:800; font-size:15px;">stack·idealjs</span>
<span style="display:flex; gap:24px; margin:0 auto;"><span style="color:#fff;">全栈教程 🎓</span><span>工具使用</span><span>博客</span></span>
<span style="width:26px; height:26px; border-radius:50%; background:linear-gradient(135deg,#6366f1,#ec4899);"></span>
<span style="width:26px; height:26px; border-radius:50%; background:#6366f1;"></span>
</div>
<div style="position:absolute; top: 110px; left: 80px; font-size:15px; letter-spacing:4px; font-weight:500; color:#6b6b6b;">STACK IDEALJS · 全栈工程师教程</div>
<h1 style="position:absolute; top: 158px; left: 80px; margin:0; font-size:74px; line-height:1.15; font-weight:800; color:#1a1a1a;">组件设计稿 · Storybook 拆分</h1>
Binary file not shown.
+2 -2
View File
@@ -79,7 +79,7 @@
.topbar .menu span.active { color: #ffffff; font-weight: 600; }
.topbar .ava {
width: 24px; height: 24px; border-radius: 50%;
background: linear-gradient(135deg, #6366f1, #ec4899);
background: #6366f1;
display: flex; align-items: center; justify-content: center;
color: #fff; font-size: 11px; font-weight: 700;
}
@@ -231,7 +231,7 @@
.cover .bandtop .logo { color: #fff; font-weight: 800; font-size: 15px; }
.cover .bandtop .menu { display: flex; gap: 24px; margin: 0 auto; }
.cover .bandtop .menu .active { color: #fff; }
.cover .bandtop .ava { width: 26px; height: 26px; border-radius: 50%; background: linear-gradient(135deg,#6366f1,#ec4899); }
.cover .bandtop .ava { width: 26px; height: 26px; border-radius: 50%; background: #6366f1; }
</style>
</head>
<body>
Binary file not shown.
Binary file not shown.

Before

Width:  |  Height:  |  Size: 77 KiB

After

Width:  |  Height:  |  Size: 76 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 209 KiB

After

Width:  |  Height:  |  Size: 208 KiB