qdintc/intc-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix:界面优化

Browse Source
This commit is contained in:
tianyongbao
2025-12-10 22:56:08 +08:00
parent 96e217948b
commit 0d2e125059
11 changed files with 312 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/assets/img/feature1.svg Normal file
View File

@@ -0,0 +1,20 @@
<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96">
<defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#4CAF50;stop-opacity:1" />
<stop offset="100%" style="stop-color:#45a049;stop-opacity:1" />
</linearGradient>
</defs>
<circle cx="48" cy="48" r="44" fill="url(#grad1)" opacity="0.1"/>
<circle cx="48" cy="48" r="40" fill="none" stroke="url(#grad1)" stroke-width="3"/>
<!-- 钱包图标 -->
<path d="M 28 35 L 68 35 C 70.2 35 72 36.8 72 39 L 72 61 C 72 63.2 70.2 65 68 65 L 28 65 C 25.8 65 24 63.2 24 61 L 24 39 C 24 36.8 25.8 35 28 35 Z" fill="url(#grad1)" opacity="0.8"/>
<!-- 钱币符号 ¥ -->
<text x="48" y="56" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="#ffffff" text-anchor="middle">¥</text>
<!-- 账本线条 -->
<line x1="32" y1="42" x2="44" y2="42" stroke="#ffffff" stroke-width="2" opacity="0.6"/>
<line x1="32" y1="48" x2="40" y2="48" stroke="#ffffff" stroke-width="2" opacity="0.6"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

20
src/assets/img/feature2.svg Normal file
View File

@@ -0,0 +1,20 @@
<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96">
<defs>
<linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#E91E63;stop-opacity:1" />
<stop offset="100%" style="stop-color:#C2185B;stop-opacity:1" />
</linearGradient>
</defs>
<circle cx="48" cy="48" r="44" fill="url(#grad2)" opacity="0.1"/>
<circle cx="48" cy="48" r="40" fill="none" stroke="url(#grad2)" stroke-width="3"/>
<!-- 心电图/健康图标 -->
<path d="M 28 50 L 35 50 L 38 42 L 42 58 L 46 38 L 50 50 L 68 50" fill="none" stroke="url(#grad2)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
<!-- 心形 -->
<path d="M 48 62 C 48 62 38 54 38 46 C 38 42 40 40 43 40 C 45 40 47 41 48 43 C 49 41 51 40 53 40 C 56 40 58 42 58 46 C 58 54 48 62 48 62 Z" fill="url(#grad2)" opacity="0.8"/>
<!-- 十字符号 -->
<rect x="45" y="26" width="6" height="10" rx="1" fill="url(#grad2)"/>
<rect x="42" y="29" width="12" height="4" rx="1" fill="url(#grad2)"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

27
src/assets/img/feature3.svg Normal file
View File

@@ -0,0 +1,27 @@
<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96">
<defs>
<linearGradient id="grad3" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#FF9800;stop-opacity:1" />
<stop offset="100%" style="stop-color:#F57C00;stop-opacity:1" />
</linearGradient>
</defs>
<circle cx="48" cy="48" r="44" fill="url(#grad3)" opacity="0.1"/>
<circle cx="48" cy="48" r="40" fill="none" stroke="url(#grad3)" stroke-width="3"/>
<!-- 酒瓶轮廓 -->
<path d="M 42 28 L 54 28 L 54 32 L 52 32 L 52 36 C 56 38 58 42 58 48 L 58 64 C 58 66 56 68 54 68 L 42 68 C 40 68 38 66 38 64 L 38 48 C 38 42 40 38 44 36 L 44 32 L 42 32 Z" fill="url(#grad3)" opacity="0.8"/>
<!-- 瓶盖 -->
<rect x="44" y="24" width="8" height="4" rx="1" fill="url(#grad3)"/>
<!-- 酒标签 -->
<ellipse cx="48" cy="52" rx="8" ry="10" fill="#ffffff" opacity="0.3"/>
<!-- 日历/预约符号 -->
<rect x="60" y="26" width="10" height="12" rx="1" fill="url(#grad3)" opacity="0.9"/>
<line x1="62" y1="28" x2="68" y2="28" stroke="#ffffff" stroke-width="1.5"/>
<circle cx="63" cy="32" r="1" fill="#ffffff"/>
<circle cx="67" cy="32" r="1" fill="#ffffff"/>
<circle cx="63" cy="35" r="1" fill="#ffffff"/>
<circle cx="67" cy="35" r="1" fill="#ffffff"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

20
src/assets/img/feature4.svg Normal file
View File

@@ -0,0 +1,20 @@
<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96">
<defs>
<linearGradient id="grad4" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#2196F3;stop-opacity:1" />
<stop offset="100%" style="stop-color:#1976D2;stop-opacity:1" />
</linearGradient>
</defs>
<circle cx="48" cy="48" r="44" fill="url(#grad4)" opacity="0.1"/>
<circle cx="48" cy="48" r="40" fill="none" stroke="url(#grad4)" stroke-width="3"/>
<!-- 客服耳机图标 -->
<path d="M 48 32 C 38 32 30 40 30 50 L 30 58 C 30 60 32 62 34 62 L 38 62 C 40 62 42 60 42 58 L 42 52 C 42 50 40 48 38 48 L 34 48 L 34 50 C 34 42 40 36 48 36 C 56 36 62 42 62 50 L 62 48 L 58 48 C 56 48 54 50 54 52 L 54 58 C 54 60 56 62 58 62 L 62 62 C 64 60 66 58 66 58 L 66 50 C 66 40 58 32 48 32 Z" fill="url(#grad4)" opacity="0.8"/>
<!-- 麦克风 -->
<rect x="45" y="62" width="6" height="8" rx="3" fill="url(#grad4)"/>
<line x1="42" y1="70" x2="54" y2="70" stroke="url(#grad4)" stroke-width="2" stroke-linecap="round"/>
<!-- 服务星标 -->
<path d="M 48 24 L 50 29 L 55 29 L 51 32 L 53 37 L 48 34 L 43 37 L 45 32 L 41 29 L 46 29 Z" fill="url(#grad4)" opacity="0.6"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB