design: 设计稿去渐变——头像圆统一纯色 #6366F1
No files matched your search
|
Before Width: | Height: | Size: 117 KiB After Width: | Height: | Size: 116 KiB |
|
Before Width: | Height: | Size: 128 KiB After Width: | Height: | Size: 126 KiB |
|
Before Width: | Height: | Size: 149 KiB After Width: | Height: | Size: 149 KiB |
@@ -90,7 +90,7 @@
|
|||||||
.topbar .menu span.active { color: #ffffff; font-weight: 600; }
|
.topbar .menu span.active { color: #ffffff; font-weight: 600; }
|
||||||
.topbar .ava {
|
.topbar .ava {
|
||||||
width: 24px; height: 24px; border-radius: 50%;
|
width: 24px; height: 24px; border-radius: 50%;
|
||||||
background: linear-gradient(135deg, #6366f1, #ec4899);
|
background: #6366f1;
|
||||||
display: flex; align-items: center; justify-content: center;
|
display: flex; align-items: center; justify-content: center;
|
||||||
color: #fff; font-size: 11px; font-weight: 700;
|
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;">
|
<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="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="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>
|
||||||
<div style="position:absolute; top: 110px; left: 80px; font-size:15px; letter-spacing:4px; font-weight:500; color:#6b6b6b;">STACK IDEALJS · 全栈工程师教程</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>
|
<h1 style="position:absolute; top: 158px; left: 80px; margin:0; font-size:74px; line-height:1.15; font-weight:800; color:#1a1a1a;">组件设计稿 · Storybook 拆分</h1>
|
||||||
|
|||||||
@@ -79,7 +79,7 @@
|
|||||||
.topbar .menu span.active { color: #ffffff; font-weight: 600; }
|
.topbar .menu span.active { color: #ffffff; font-weight: 600; }
|
||||||
.topbar .ava {
|
.topbar .ava {
|
||||||
width: 24px; height: 24px; border-radius: 50%;
|
width: 24px; height: 24px; border-radius: 50%;
|
||||||
background: linear-gradient(135deg, #6366f1, #ec4899);
|
background: #6366f1;
|
||||||
display: flex; align-items: center; justify-content: center;
|
display: flex; align-items: center; justify-content: center;
|
||||||
color: #fff; font-size: 11px; font-weight: 700;
|
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 .logo { color: #fff; font-weight: 800; font-size: 15px; }
|
||||||
.cover .bandtop .menu { display: flex; gap: 24px; margin: 0 auto; }
|
.cover .bandtop .menu { display: flex; gap: 24px; margin: 0 auto; }
|
||||||
.cover .bandtop .menu .active { color: #fff; }
|
.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>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 77 KiB After Width: | Height: | Size: 76 KiB |
|
Before Width: | Height: | Size: 209 KiB After Width: | Height: | Size: 208 KiB |