remilia/jinshen-serial-tools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 为连接中状态添加圆形进度条

Browse Source
This commit is contained in:
R2m1liA
2025-12-24 16:46:00 +08:00
parent 9d4bb5d7d9
commit 4943b7b611
1 changed files with 12 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/lib/components/SettingPanel/components/SerialSetting.svelte
View File

@ -107,7 +107,18 @@
> >
{/if} {/if}
{:else if $serialState.status === 'requesting' || $serialState.status === 'connecting'} {:else if $serialState.status === 'requesting' || $serialState.status === 'connecting'}
<Button class="w-full" disabled>连接中...</Button> <Button class="w-full" disabled
><svg class="h-5 w-5 animate-spin" viewBox="0 0 50 50">
<circle
class="animate-dash stroke-base-content/10 stroke-8"
cx="25"
cy="25"
r="20"
fill="none"
/>
</svg>
连接中...</Button
>
{:else if $serialState.status === 'connected'} {:else if $serialState.status === 'connected'}
<Button class="w-full" color="error" onclick={serial.closePort} <Button class="w-full" color="error" onclick={serial.closePort}
>断开连接</Button >断开连接</Button