From e8ba84732833135513eeaf544d03c590aaca3a53 Mon Sep 17 00:00:00 2001
From: lincube <lincube3@hotmail.com>
Date: Sat, 11 Apr 2026 00:35:27 +0800
Subject: [PATCH] =?UTF-8?q?fix.=E6=88=91=E5=8F=88=E6=94=B9=E4=BA=86?=
 =?UTF-8?q?=E4=B8=80=E4=B8=8B=E8=9E=8D=E5=90=88=E6=A1=8C=E9=9D=A2=E7=9A=84?=
 =?UTF-8?q?=E8=AE=BE=E7=BD=AE=E7=AA=97=E5=8F=A3=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../FusedDesktopComponentLibraryControl.axaml | 153 +++++++++---------
 1 file changed, 79 insertions(+), 74 deletions(-)

diff --git a/LanMountainDesktop/Views/FusedDesktopComponentLibraryControl.axaml b/LanMountainDesktop/Views/FusedDesktopComponentLibraryControl.axaml
index 3851e66..81971a3 100644
--- a/LanMountainDesktop/Views/FusedDesktopComponentLibraryControl.axaml
+++ b/LanMountainDesktop/Views/FusedDesktopComponentLibraryControl.axaml
@@ -111,91 +111,96 @@
         <ScrollViewer Grid.Column="1"
                       VerticalScrollBarVisibility="Auto"
                       HorizontalScrollBarVisibility="Disabled">
-            <StackPanel Margin="24,16,20,16"
+            <StackPanel Margin="16,8,12,8"
                         Spacing="0">
 
                 <!-- 有选中组件时的显示 -->
                 <Panel IsVisible="{Binding SelectedComponent, Converter={x:Static converters:ObjectConverters.IsNotNull}}">
 
-                    <!-- 组件标题 - 在右侧内容区顶部 -->
-                    <TextBlock FontSize="28"
-                               FontWeight="SemiBold"
-                               Foreground="{DynamicResource AdaptiveTextPrimaryBrush}"
-                               Text="{Binding SelectedComponent.DisplayName}"
-                               Margin="0,0,0,16"/>
+                    <!-- 组件展示面板 - 有独立背景色，与窗口背景形成层级分界 -->
+                    <Border Classes="surface-translucent-panel"
+                            CornerRadius="{DynamicResource DesignCornerRadiusLg}"
+                            Padding="20">
+                        <StackPanel Spacing="16">
+                            <!-- 组件标题 -->
+                            <TextBlock FontSize="28"
+                                       FontWeight="SemiBold"
+                                       Foreground="{DynamicResource AdaptiveTextPrimaryBrush}"
+                                       Text="{Binding SelectedComponent.DisplayName}"/>
 
-                    <!-- 固定大小的预览卡片 - 与窗口背景有色差 -->
-                    <Border CornerRadius="{DynamicResource DesignCornerRadiusSm}"
-                            Background="{DynamicResource AdaptiveSurfaceRaisedBrush}"
-                            BorderBrush="{DynamicResource AdaptiveGlassPanelBorderBrush}"
-                            BorderThickness="1"
-                            Width="420"
-                            Height="320"
-                            HorizontalAlignment="Center">
-                        <Grid Margin="16">
-                            <!-- 预览图片 -->
-                            <Image Source="{Binding SelectedComponent.PreviewBitmap}"
-                                   Stretch="Uniform"
-                                   HorizontalAlignment="Center"
-                                   VerticalAlignment="Center"
-                                   RenderOptions.BitmapInterpolationMode="HighQuality"
-                                   IsVisible="{Binding SelectedComponent.IsPreviewReady}"/>
+                            <!-- 固定大小的预览卡片 -->
+                            <Border CornerRadius="{DynamicResource DesignCornerRadiusSm}"
+                                    Background="{DynamicResource AdaptiveSurfaceBaseBrush}"
+                                    BorderBrush="{DynamicResource AdaptiveGlassPanelBorderBrush}"
+                                    BorderThickness="1"
+                                    Width="420"
+                                    Height="300"
+                                    HorizontalAlignment="Center">
+                                <Grid Margin="16">
+                                    <!-- 预览图片 -->
+                                    <Image Source="{Binding SelectedComponent.PreviewBitmap}"
+                                           Stretch="Uniform"
+                                           HorizontalAlignment="Center"
+                                           VerticalAlignment="Center"
+                                           RenderOptions.BitmapInterpolationMode="HighQuality"
+                                           IsVisible="{Binding SelectedComponent.IsPreviewReady}"/>
 
-                            <!-- 加载中状态 -->
-                            <Border IsVisible="{Binding SelectedComponent.IsPreviewPending}"
-                                    Background="{DynamicResource AdaptiveSurfaceBaseBrush}">
-                                <StackPanel HorizontalAlignment="Center"
-                                            VerticalAlignment="Center"
-                                            Spacing="12">
-                                    <ProgressBar Width="120"
-                                                 IsIndeterminate="True"/>
-                                    <TextBlock HorizontalAlignment="Center"
-                                               TextAlignment="Center"
-                                               FontSize="14"
-                                               Foreground="{DynamicResource AdaptiveTextSecondaryBrush}"
-                                               Text="{Binding SelectedComponent.PreviewStatusText}"/>
-                                </StackPanel>
+                                    <!-- 加载中状态 -->
+                                    <Border IsVisible="{Binding SelectedComponent.IsPreviewPending}"
+                                            Background="{DynamicResource AdaptiveSurfaceBaseBrush}">
+                                        <StackPanel HorizontalAlignment="Center"
+                                                    VerticalAlignment="Center"
+                                                    Spacing="12">
+                                            <ProgressBar Width="120"
+                                                         IsIndeterminate="True"/>
+                                            <TextBlock HorizontalAlignment="Center"
+                                                       TextAlignment="Center"
+                                                       FontSize="14"
+                                                       Foreground="{DynamicResource AdaptiveTextSecondaryBrush}"
+                                                       Text="{Binding SelectedComponent.PreviewStatusText}"/>
+                                        </StackPanel>
+                                    </Border>
+
+                                    <!-- 失败状态 -->
+                                    <Border IsVisible="{Binding SelectedComponent.IsPreviewFailed}"
+                                            Background="{DynamicResource AdaptiveSurfaceBaseBrush}">
+                                        <StackPanel HorizontalAlignment="Center"
+                                                    VerticalAlignment="Center"
+                                                    Spacing="8">
+                                            <fi:FluentIcon Icon="ImageOff"
+                                                           IconVariant="Regular"
+                                                           FontSize="48"
+                                                           Opacity="0.5"
+                                                           Foreground="{DynamicResource AdaptiveTextSecondaryBrush}"/>
+                                            <TextBlock HorizontalAlignment="Center"
+                                                       TextAlignment="Center"
+                                                       FontWeight="SemiBold"
+                                                       Foreground="{DynamicResource AdaptiveTextPrimaryBrush}"
+                                                       Text="{Binding SelectedComponent.PreviewStatusText}"/>
+                                            <TextBlock HorizontalAlignment="Center"
+                                                       TextAlignment="Center"
+                                                       FontSize="12"
+                                                       TextWrapping="Wrap"
+                                                       Foreground="{DynamicResource AdaptiveTextSecondaryBrush}"
+                                                       Text="{Binding SelectedComponent.PreviewErrorMessage}"/>
+                                        </StackPanel>
+                                    </Border>
+                                </Grid>
                             </Border>
 
-                            <!-- 失败状态 -->
-                            <Border IsVisible="{Binding SelectedComponent.IsPreviewFailed}"
-                                    Background="{DynamicResource AdaptiveSurfaceBaseBrush}">
-                                <StackPanel HorizontalAlignment="Center"
-                                            VerticalAlignment="Center"
-                                            Spacing="8">
-                                    <fi:FluentIcon Icon="ImageOff"
-                                                   IconVariant="Regular"
-                                                   FontSize="48"
-                                                   Opacity="0.5"
-                                                   Foreground="{DynamicResource AdaptiveTextSecondaryBrush}"/>
-                                    <TextBlock HorizontalAlignment="Center"
-                                               TextAlignment="Center"
-                                               FontWeight="SemiBold"
-                                               Foreground="{DynamicResource AdaptiveTextPrimaryBrush}"
-                                               Text="{Binding SelectedComponent.PreviewStatusText}"/>
-                                    <TextBlock HorizontalAlignment="Center"
-                                               TextAlignment="Center"
-                                               FontSize="12"
-                                               TextWrapping="Wrap"
-                                               Foreground="{DynamicResource AdaptiveTextSecondaryBrush}"
-                                               Text="{Binding SelectedComponent.PreviewErrorMessage}"/>
+                            <!-- "添加小组件"按钮 - 在面板内居中，使用主题强调色 -->
+                            <Button HorizontalAlignment="Center"
+                                    Classes="accent"
+                                    Padding="24,10"
+                                    Tag="{Binding SelectedComponent.ComponentId}"
+                                    Click="OnAddComponentClick">
+                                <StackPanel Orientation="Horizontal" Spacing="8">
+                                    <fi:FluentIcon Icon="Add" IconVariant="Regular" FontSize="16"/>
+                                    <TextBlock Text="添加小组件" FontWeight="SemiBold"/>
                                 </StackPanel>
-                            </Border>
-                        </Grid>
-                    </Border>
-
-                    <!-- "添加小组件"按钮 - 在预览卡片正下方居中，使用主题强调色 -->
-                    <Button HorizontalAlignment="Center"
-                            Classes="accent"
-                            Padding="24,10"
-                            Margin="0,16,0,0"
-                            Tag="{Binding SelectedComponent.ComponentId}"
-                            Click="OnAddComponentClick">
-                        <StackPanel Orientation="Horizontal" Spacing="8">
-                            <fi:FluentIcon Icon="Add" IconVariant="Regular" FontSize="16"/>
-                            <TextBlock Text="添加小组件" FontWeight="SemiBold"/>
+                            </Button>
                         </StackPanel>
-                    </Button>
+                    </Border>
                 </Panel>
 
                 <!-- 空状态 -->