Skip to content

Commit 68d56c1

Browse files
weizwzweizwz
committed
减少无异议动效
1 parent 503d3ed commit 68d56c1

File tree

3 files changed

+12
-64
lines changed

3 files changed

+12
-64
lines changed

‎app/components/NoteShowcase.tsx‎

Lines changed: 3 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -24,14 +24,6 @@ export function NoteShowcase({
2424
}: NoteShowcaseProps) {
2525
return (
2626
<section className='py-10 md:pt-20 mx-4 md:mx-7 m-auto rounded-2xl md:rounded-4xl bg-gradient-to-br from-sky-500 via-blue-500 to-blue-600 relative overflow-hidden'>
27-
{/* 光环效果 */}
28-
<div className='absolute inset-0'>
29-
<div className='absolute top-20 left-1/4 w-32 h-32 border border-blue-300/10 rounded-full animate-ping'></div>
30-
<div className='absolute bottom-32 right-1/3 w-40 h-40 border border-cyan-300/8 rounded-full animate-ping' style={{ animationDelay: '1s' }}></div>
31-
<div className='absolute top-1/2 left-1/6 w-24 h-24 border border-sky-300/12 rounded-full animate-ping' style={{ animationDelay: '2s' }}></div>
32-
<div className='absolute top-1/3 right-1/5 w-20 h-20 border border-blue-200/15 rounded-full animate-ping' style={{ animationDelay: '3s' }}></div>
33-
</div>
34-
3527
{/* 光束效果 */}
3628
<div className='absolute inset-0'>
3729
<div className='absolute top-0 left-1/4 w-px h-32 bg-gradient-to-b from-blue-300/20 to-transparent animate-pulse'></div>
@@ -63,14 +55,11 @@ export function NoteShowcase({
6355
<div className='absolute bottom-48 left-1/6 w-1 h-1 bg-white/35 rounded-full animate-pulse blur-sm' style={{ animationDelay: '2s' }}></div>
6456

6557
{/* 书本和笔记元素 */}
66-
<div className='absolute top-28 left-2/3 text-blue-200/40 text-2xl animate-pulse' style={{ animationDelay: '0.8s' }}>
67-
📚
68-
</div>
6958
<div className='absolute bottom-36 right-2/3 text-cyan-200/35 text-xl animate-pulse' style={{ animationDelay: '2.2s' }}>
70-
✏️
59+
✎
7160
</div>
7261
<div className='absolute top-2/3 right-1/6 text-sky-200/30 text-lg animate-pulse' style={{ animationDelay: '3.5s' }}>
73-
📝
62+
🔖
7463
</div>
7564
<div className='absolute top-1/4 left-1/8 text-blue-300/25 text-xl animate-pulse' style={{ animationDelay: '1.2s' }}>
7665
💡
@@ -110,7 +99,7 @@ export function NoteShowcase({
11099
<div className='text-center'>
111100
{/* 项目标签 */}
112101
<div className='inline-block text-white text-xl font-medium mb-6 px-4 py-2 bg-white/10 rounded-full backdrop-blur-sm border border-white/20'>
113-
📚 {title}
102+
📝 {title}
114103
</div>
115104

116105
{/* 主标题 */}
@@ -143,29 +132,6 @@ export function NoteShowcase({
143132

144133
{/* 知识展示区域 */}
145134
<div className='relative flex justify-center items-center py-8'>
146-
{/* 背景装饰图标 */}
147-
<div className='absolute inset-0 flex justify-center items-center'>
148-
{/* 浮动的知识图标 */}
149-
<div className='absolute top-1/8 left-1/6 opacity-70 animate-pulse' style={{ animationDelay: '0s' }}>
150-
<BookOutlined className='text-4xl' style={{ color: '#ffffff' }} />
151-
</div>
152-
<div className='absolute top-0 right-[32%] opacity-70 animate-bounce' style={{ animationDelay: '1s' }}>
153-
<EditOutlined className='text-3xl' style={{ color: '#ffffff' }} />
154-
</div>
155-
<div className='absolute bottom-0 left-[39%] opacity-80 animate-pulse' style={{ animationDelay: '2s' }}>
156-
<ShareAltOutlined className='text-5xl' style={{ color: '#ffffff' }} />
157-
</div>
158-
<div className='absolute top-1/3 right-1/6 opacity-80 animate-bounce' style={{ animationDelay: '1.2s' }}>
159-
<ReadOutlined className='text-4xl' style={{ color: '#ffffff' }} />
160-
</div>
161-
<div className='absolute top-1/2 left-1/12 opacity-60 animate-bounce' style={{ animationDelay: '1.5s' }}>
162-
<CodeOutlined className='text-5xl' style={{ color: '#ffffff' }} />
163-
</div>
164-
<div className='absolute top-2/3 right-1/5 opacity-50 animate-ping' style={{ animationDelay: '1.8s' }}>
165-
<LikeOutlined className='text-4xl' style={{ color: '#ffffff' }} />
166-
</div>
167-
</div>
168-
169135
{/* 主要设备展示 */}
170136
<div className='relative z-10 flex items-center justify-center gap-6 md:gap-12 scale-90 md:scale-100'>
171137
{/* 手机 */}

‎app/components/ProjectShowcase.tsx‎

Lines changed: 0 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -93,29 +93,6 @@ export function ProjectShowcase({
9393

9494
{/* 设备展示区域 */}
9595
<div className='relative flex justify-center items-center pt-8 md:pt-16'>
96-
{/* 背景装饰图标 */}
97-
<div className='absolute inset-0 flex justify-center items-center'>
98-
{/* 浮动的应用图标 */}
99-
<div className='absolute top-12 left-1/5 opacity-70 animate-pulse' style={{ animationDelay: '0s' }}>
100-
<ZhihuOutlined className='text-3xl' style={{ color: '#2B7FFF' }} />
101-
</div>
102-
<div className='absolute top-16 right-[32%] opacity-70 animate-spin' style={{ animationDelay: '1s' }}>
103-
<img src='https://api.iconify.design/devicon:react.svg' className='w-16 h-16' alt='icon' />
104-
</div>
105-
<div className='absolute bottom-10 left-[29%] opacity-80 animate-pulse' style={{ animationDelay: '2s' }}>
106-
<img src='https://api.iconify.design/simple-icons:xiaohongshu.svg?color=%23FF2341' className='w-24 h-16' alt='icon' />
107-
</div>
108-
<div className='absolute bottom-0 right-1/4 opacity-80 animate-bounce' style={{ animationDelay: '1s' }}>
109-
<GithubOutlined className='text-5xl' style={{ color: '#000' }} />
110-
</div>
111-
<div className='absolute top-1/2 left-10 opacity-50 animate-bounce' style={{ animationDelay: '1.5s' }}>
112-
<JavaScriptOutlined className='text-5xl' style={{ color: '#FEBA00' }} />
113-
</div>
114-
<div className='absolute top-1/3 right-10 opacity-70 animate-pulse' style={{ animationDelay: '2s' }}>
115-
<img src='https://api.iconify.design/simple-icons:juejin.svg?color=%232380FF' className='w-12 h-12' alt='icon' />
116-
</div>
117-
</div>
118-
11996
{/* 主要设备展示 */}
12097
<div className='relative z-10 flex items-center justify-center gap-4 md:gap-8 scale-75 md:scale-100'>
12198
{/* 手机 */}

‎app/style/icon.scss‎

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -90,17 +90,22 @@
9090
}
9191
.weiz-icon-chart,
9292
.weiz-icon-图表 {
93-
--weiz-icon-color: linear-gradient(to top, #0099ff 0%, #8dd1ff 100%);
93+
--weiz-icon-color: linear-gradient(to top, #0099ff 0%, #4a6a80 100%);
9494
--url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 4v15a1 1 0 0 0 1 1h15M8 16l2.5-5.5l3 3L17.273 7L20 9.667'/%3E%3C/svg%3E");
9595
}
96+
.weiz-icon-design,
97+
.weiz-icon-设计 {
98+
--weiz-icon-color: linear-gradient(90deg, #e43b35,#f45729,#ffcc00);
99+
--url: url(https://api.iconify.design/fluent:window-brush-20-filled.svg);
100+
}
96101
.weiz-icon-element {
97102
--weiz-icon-color: #409eff;
98103
--url: url(https://api.iconify.design/ep/element-plus.svg);
99104
}
100105
.weiz-icon-font,
101106
.weiz-icon-字体 {
102-
--weiz-icon-color: linear-gradient(to bottom, #028bff 0%, #01eeff 100%);
103-
--url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M12.258 3h-8.51l-.083 2.46h.479c.26-1.544.758-1.783 2.693-1.845l.424-.013v7.827c0 .663-.144.82-1.3.923v.52h4.082v-.52c-1.162-.103-1.306-.26-1.306-.923V3.602l.431.013c1.934.062 2.434.301 2.693 1.846h.479z'/%3E%3C/svg%3E");
107+
--weiz-icon-color: linear-gradient(90deg, #13e5c0, #f3fb96, #ff6c0a);
108+
--url: url(https://api.iconify.design/mynaui:letter-t-square-solid.svg);
104109
}
105110
.weiz-icon-git {
106111
--weiz-icon-color: linear-gradient(to bottom, #ffd82a 0%, #E5504A 100%);
@@ -121,7 +126,7 @@
121126
}
122127
.weiz-icon-image,
123128
.weiz-icon-图片 {
124-
--weiz-icon-color: linear-gradient(to right, #0fafff, #367af2);
129+
--weiz-icon-color: linear-gradient(120deg,#3eed8c, #efb013 60%, #f14c1e 90%);
125130
--url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M18 3H6a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3M8 7a1.5 1.5 0 1 1-1.5 1.5A1.5 1.5 0 0 1 8 7m11 10.83A1.09 1.09 0 0 1 18 19H6l7.57-6.82a.69.69 0 0 1 .93 0l4.5 4.48Z'/%3E%3C/svg%3E");
126131
}
127132
.weiz-icon-js,

0 commit comments

Comments
 (0)