LanMountainDesktop/LanMountainDesktop/Views/Components/NetworkSpeedWidget.axaml

<UserControl xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:fi="using:FluentIcons.Avalonia"
             mc:Ignorable="d"
             d:DesignWidth="160"
             d:DesignHeight="48"
             x:Class="LanMountainDesktop.Views.Components.NetworkSpeedWidget">

    <Border x:Name="RootBorder"
            Classes="surface-translucent-panel"
            Padding="0"
            CornerRadius="{DynamicResource DesignCornerRadiusComponent}">
        <StackPanel Orientation="Horizontal"
                    HorizontalAlignment="Center"
                    VerticalAlignment="Center"
                    Margin="12,0">
            <!-- 上传速度 -->
            <StackPanel x:Name="UploadPanel"
                        Orientation="Horizontal"
                        VerticalAlignment="Center">
                <TextBlock Text="↑"
                           FontSize="12"
                           Opacity="0.7"
                           VerticalAlignment="Center"
                           Foreground="{DynamicResource AdaptiveTextSecondaryBrush}"/>
                <TextBlock x:Name="UploadSpeedTextBlock"
                           FontSize="14"
                           FontWeight="SemiBold"
                           Margin="2,0,0,0"
                           VerticalAlignment="Center"
                           Foreground="{DynamicResource AdaptiveTextPrimaryBrush}"/>
            </StackPanel>

            <!-- 分隔符 -->
            <Rectangle x:Name="Separator"
                       Width="1"
                       Height="16"
                       Margin="8,0"
                       Opacity="0.3"
                       Fill="{DynamicResource AdaptiveTextSecondaryBrush}"/>

            <!-- 下载速度 -->
            <StackPanel x:Name="DownloadPanel"
                        Orientation="Horizontal"
                        VerticalAlignment="Center">
                <TextBlock Text="↓"
                           FontSize="12"
                           Opacity="0.7"
                           VerticalAlignment="Center"
                           Foreground="{DynamicResource AdaptiveTextSecondaryBrush}"/>
                <TextBlock x:Name="DownloadSpeedTextBlock"
                           FontSize="14"
                           FontWeight="SemiBold"
                           Margin="2,0,0,0"
                           VerticalAlignment="Center"
                           Foreground="{DynamicResource AdaptiveTextPrimaryBrush}"/>
            </StackPanel>

            <!-- 网络类型图标 -->
            <fi:SymbolIcon x:Name="NetworkTypeIcon"
                           Symbol="Globe"
                           FontSize="14"
                           Margin="8,0,0,0"
                           Opacity="0.8"
                           IsVisible="False"
                           Foreground="{DynamicResource AdaptiveTextSecondaryBrush}"/>
        </StackPanel>
    </Border>

</UserControl>