aiagent icon样式修改

This commit is contained in:
2025-12-04 15:31:45 +08:00
parent ed4780d6c2
commit 1f243f977a
3 changed files with 8 additions and 14 deletions

View File

@@ -1,10 +1,4 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 10C0 4.47715 4.47715 0 10 0H38C43.5229 0 48 4.47715 48 10V38C48 43.5229 43.5228 48 38 48H10C4.47715 48 0 43.5228 0 38V10Z" fill="#E7000B"/> <rect width="80" height="80" rx="40" fill="#C62828"/>
<path d="M24 20V16H20" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M39.816 41.372H23.44V18.786H56.514V41.372H41.518C43.7873 44.3467 45.2593 46.3247 45.934 47.306L41.472 50.388C39.3253 47.2293 37.7153 44.9447 36.642 43.534L39.816 41.372ZM37.424 27.664V23.524H28.868V27.664H37.424ZM42.622 27.664H51.086V23.524H42.622V27.664ZM37.424 32.356H28.868V36.45H37.424V32.356ZM42.622 32.356V36.45H51.086V32.356H42.622ZM55.364 43.028C56.2227 44.3773 57.2807 46.1407 58.538 48.318C59.826 50.4953 60.884 52.3353 61.712 53.838L56.836 56.552C56.008 54.9267 54.996 53.056 53.8 50.94C52.604 48.7933 51.5767 47.0147 50.718 45.604L55.364 43.028ZM46.486 51.676C46.578 50.756 46.624 49.2687 46.624 47.214L51.73 48.272C51.73 49.2533 51.5767 51.17 51.27 54.022C51.1473 55.31 50.856 56.2913 50.396 56.966C49.9667 57.6407 49.292 58.116 48.372 58.392C47.4827 58.6987 46.1793 58.8827 44.462 58.944C42.4993 59.0053 40.9967 59.036 39.954 59.036C38.942 59.036 37.424 59.0053 35.4 58.944C33.3147 58.852 31.7967 58.392 30.846 57.564C29.926 56.736 29.466 55.402 29.466 53.562V43.488H34.756V51.492C34.756 52.32 34.94 52.9027 35.308 53.24C35.676 53.5773 36.2893 53.7767 37.148 53.838C37.884 53.8687 39.0033 53.884 40.506 53.884C41.978 53.884 43.082 53.8687 43.818 53.838C44.7993 53.8073 45.474 53.6233 45.842 53.286C46.21 52.9487 46.4247 52.412 46.486 51.676ZM18.472 55.08C19.3613 53.4853 20.2047 51.6913 21.002 49.698C21.83 47.7047 22.4893 45.742 22.98 43.81L28.178 45.006C27.5953 46.9687 26.89 49.0387 26.062 51.216C25.2647 53.3627 24.4367 55.2793 23.578 56.966L18.472 55.08Z" fill="white"/>
<path d="M30 20H18C16.8954 20 16 20.8954 16 22V30C16 31.1046 16.8954 32 18 32H30C31.1046 32 32 31.1046 32 30V22C32 20.8954 31.1046 20 30 20Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14 26H16" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M32 26H34" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M27 25V27" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M21 25V27" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 1004 B

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

@@ -1,5 +1,4 @@
<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="80" height="80" rx="40" fill="#C62828"/> <rect width="80" height="80" rx="40" fill="#C62828"/>
<path d="M44.3335 20.4997C44.5794 20.4997 44.8244 20.5052 45.0679 20.5153C44.5924 21.8662 44.3335 23.3192 44.3335 24.8327C44.3335 32.0124 50.1538 37.8327 57.3335 37.8327C58.8471 37.8327 60.301 37.5739 61.6519 37.0983C61.662 37.3417 61.6665 37.5869 61.6665 37.8327C61.6665 47.4056 53.9064 55.1666 44.3335 55.1667V62.7497C33.5002 58.4163 18.3335 51.916 18.3335 37.8327C18.3337 28.26 26.0938 20.4998 35.6665 20.4997H44.3335ZM24.8335 41.444H29.8892V33.4997H24.8335V41.444ZM32.7778 33.4997V41.444H37.8335V33.4997H32.7778ZM56.314 16.859C56.6964 15.936 57.9708 15.936 58.353 16.859L58.9019 18.1833C59.8379 20.4428 61.5836 22.247 63.7788 23.2233L65.3325 23.9147C66.2225 24.3106 66.2226 25.6058 65.3325 26.0016L63.687 26.7331C61.5468 27.685 59.8316 29.4256 58.8794 31.611L58.3452 32.8366C57.9543 33.7336 56.713 33.7335 56.3218 32.8366L55.7876 31.611C54.8353 29.4256 53.1202 27.685 50.98 26.7331L49.3345 26.0016C48.4446 25.6058 48.4446 24.3105 49.3345 23.9147L50.8882 23.2233C53.0833 22.2469 54.8294 20.4428 55.7651 18.1833L56.314 16.859Z" fill="white"/> <path d="M39.816 41.372H23.44V18.786H56.514V41.372H41.518C43.7873 44.3467 45.2593 46.3247 45.934 47.306L41.472 50.388C39.3253 47.2293 37.7153 44.9447 36.642 43.534L39.816 41.372ZM37.424 27.664V23.524H28.868V27.664H37.424ZM42.622 27.664H51.086V23.524H42.622V27.664ZM37.424 32.356H28.868V36.45H37.424V32.356ZM42.622 32.356V36.45H51.086V32.356H42.622ZM55.364 43.028C56.2227 44.3773 57.2807 46.1407 58.538 48.318C59.826 50.4953 60.884 52.3353 61.712 53.838L56.836 56.552C56.008 54.9267 54.996 53.056 53.8 50.94C52.604 48.7933 51.5767 47.0147 50.718 45.604L55.364 43.028ZM46.486 51.676C46.578 50.756 46.624 49.2687 46.624 47.214L51.73 48.272C51.73 49.2533 51.5767 51.17 51.27 54.022C51.1473 55.31 50.856 56.2913 50.396 56.966C49.9667 57.6407 49.292 58.116 48.372 58.392C47.4827 58.6987 46.1793 58.8827 44.462 58.944C42.4993 59.0053 40.9967 59.036 39.954 59.036C38.942 59.036 37.424 59.0053 35.4 58.944C33.3147 58.852 31.7967 58.392 30.846 57.564C29.926 56.736 29.466 55.402 29.466 53.562V43.488H34.756V51.492C34.756 52.32 34.94 52.9027 35.308 53.24C35.676 53.5773 36.2893 53.7767 37.148 53.838C37.884 53.8687 39.0033 53.884 40.506 53.884C41.978 53.884 43.082 53.8687 43.818 53.838C44.7993 53.8073 45.474 53.6233 45.842 53.286C46.21 52.9487 46.4247 52.412 46.486 51.676ZM18.472 55.08C19.3613 53.4853 20.2047 51.6913 21.002 49.698C21.83 47.7047 22.4893 45.742 22.98 43.81L28.178 45.006C27.5953 46.9687 26.89 49.0387 26.062 51.216C25.2647 53.3627 24.4367 55.2793 23.578 56.966L18.472 55.08Z" fill="white"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

@@ -105,7 +105,7 @@
<div class="message-avatar"> <div class="message-avatar">
<div class="avatar-circle ai-avatar"> <div class="avatar-circle ai-avatar">
<img v-if="agentAvatarUrl" :src="agentAvatarUrl" alt="AI助手" class="ai-avatar-img" /> <img v-if="agentAvatarUrl" :src="agentAvatarUrl" alt="AI助手" class="ai-avatar-img" />
<span v-else>🤖</span> <img v-else src="@/assets/imgs/assistant.svg" alt="AI助手" class="ai-avatar-img" />
</div> </div>
</div> </div>
<div class="message-content"> <div class="message-content">
@@ -1142,6 +1142,7 @@ onUnmounted(() => {
.ai-agent { .ai-agent {
position: fixed; position: fixed;
z-index: 50; z-index: 50;
transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
&.expanded { &.expanded {
top: 50%; top: 50%;