You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

226 lines
12 KiB

<reactive:ReactiveUserControl 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:vm="using:MyAvaloniaApp.ViewModels.Pages"
xmlns:reactive="clr-namespace:Avalonia.ReactiveUI;assembly=Avalonia.ReactiveUI"
mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="600"
x:Class="MyAvaloniaApp.Views.Pages.HelpPageView"
x:DataType="vm:HelpPageViewModel">
<Design.DataContext>
<vm:HelpPageViewModel />
</Design.DataContext>
<Grid>
<!-- 帮助内容 -->
<ScrollViewer>
<StackPanel Spacing="20">
<!-- 快速开始 -->
<Border Background="White"
CornerRadius="10"
BorderBrush="#DEE2E6"
BorderThickness="1"
Padding="25">
<StackPanel>
<TextBlock Text="🚀 快速开始"
FontSize="18"
FontWeight="Bold"
Foreground="#2C3E50"
Margin="0,0,0,15"/>
<StackPanel Spacing="10">
<TextBlock Text="1. 点击左侧导航栏中的功能模块"
FontSize="14"
Foreground="#2C3E50"/>
<TextBlock Text="2. 使用标签页切换不同的功能页面"
FontSize="14"
Foreground="#2C3E50"/>
<TextBlock Text="3. 在设置页面中配置系统参数"
FontSize="14"
Foreground="#2C3E50"/>
<TextBlock Text="4. 查看仪表板了解系统状态"
FontSize="14"
Foreground="#2C3E50"/>
</StackPanel>
</StackPanel>
</Border>
<!-- 常见问题 -->
<Border Background="White"
CornerRadius="10"
BorderBrush="#DEE2E6"
BorderThickness="1"
Padding="25">
<StackPanel>
<TextBlock Text="❓ 常见问题"
FontSize="18"
FontWeight="Bold"
Foreground="#2C3E50"
Margin="0,0,0,15"/>
<StackPanel Spacing="15">
<StackPanel>
<TextBlock Text="Q: 如何添加新用户?"
FontSize="14"
FontWeight="SemiBold"
Foreground="#2C3E50"/>
<TextBlock FontSize="12"
Foreground="#6C757D"
Margin="0,5,0,0">
<Run Text="A: 在用户管理页面点击"/>
<Run Text="添加用户" FontWeight="SemiBold"/>
<Run Text="按钮,填写用户信息即可。"/>
</TextBlock>
</StackPanel>
<StackPanel>
<TextBlock Text="Q: 如何修改系统设置?"
FontSize="14"
FontWeight="SemiBold"
Foreground="#2C3E50"/>
<TextBlock Text="A: 在系统设置页面中可以修改外观、通知和性能相关设置。"
FontSize="12"
Foreground="#6C757D"
Margin="0,5,0,0"/>
</StackPanel>
<StackPanel>
<TextBlock Text="Q: 标签页如何关闭?"
FontSize="14"
FontWeight="SemiBold"
Foreground="#2C3E50"/>
<TextBlock FontSize="12"
Foreground="#6C757D"
Margin="0,5,0,0">
<Run Text="A: 点击标签页右侧的"/>
<Run Text="×" FontWeight="SemiBold"/>
<Run Text="按钮即可关闭,仪表板标签页不可关闭。"/>
</TextBlock>
</StackPanel>
</StackPanel>
</StackPanel>
</Border>
<!-- 系统信息 -->
<Border Background="White"
CornerRadius="10"
BorderBrush="#DEE2E6"
BorderThickness="1"
Padding="25">
<StackPanel>
<TextBlock Text="ℹ️ 系统信息"
FontSize="18"
FontWeight="Bold"
Foreground="#2C3E50"
Margin="0,0,0,15"/>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<StackPanel Grid.Column="0" Margin="0,0,20,0">
<TextBlock Text="版本信息"
FontSize="14"
FontWeight="SemiBold"
Foreground="#2C3E50"
Margin="0,0,0,10"/>
<StackPanel Spacing="8">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<TextBlock Grid.Column="0"
Text="当前版本:"
Foreground="#6C757D"
Width="80"/>
<TextBlock Grid.Column="1"
Text="{Binding Version}"
Foreground="#2C3E50"/>
</Grid>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<TextBlock Grid.Column="0"
Text="最后更新:"
Foreground="#6C757D"
Width="80"/>
<TextBlock Grid.Column="1"
Text="{Binding LastUpdate}"
Foreground="#2C3E50"/>
</Grid>
</StackPanel>
</StackPanel>
<StackPanel Grid.Column="1">
<TextBlock Text="技术支持"
FontSize="14"
FontWeight="SemiBold"
Foreground="#2C3E50"
Margin="0,0,0,10"/>
<StackPanel Spacing="8">
<TextBlock Text="📧 邮箱: support@example.com"
FontSize="12"
Foreground="#6C757D"/>
<TextBlock Text="📞 电话: 400-123-4567"
FontSize="12"
Foreground="#6C757D"/>
<TextBlock Text="🌐 网站: www.example.com"
FontSize="12"
Foreground="#6C757D"/>
</StackPanel>
</StackPanel>
</Grid>
</StackPanel>
</Border>
<!-- 操作按钮 -->
<StackPanel Orientation="Horizontal"
Spacing="15"
HorizontalAlignment="Center"
Margin="0,20,0,0">
<Button Background="#3498DB"
Foreground="White"
BorderThickness="0"
CornerRadius="5"
Padding="20,12">
<StackPanel Orientation="Horizontal" Spacing="5">
<TextBlock Text="📖" FontSize="14"/>
<TextBlock Text="用户手册" FontSize="14"/>
</StackPanel>
</Button>
<Button Background="#E74C3C"
Foreground="White"
BorderThickness="0"
CornerRadius="5"
Padding="20,12">
<StackPanel Orientation="Horizontal" Spacing="5">
<TextBlock Text="🐛" FontSize="14"/>
<TextBlock Text="报告问题" FontSize="14"/>
</StackPanel>
</Button>
<Button Background="#27AE60"
Foreground="White"
BorderThickness="0"
CornerRadius="5"
Padding="20,12">
<StackPanel Orientation="Horizontal" Spacing="5">
<TextBlock Text="💬" FontSize="14"/>
<TextBlock Text="在线客服" FontSize="14"/>
</StackPanel>
</Button>
</StackPanel>
</StackPanel>
</ScrollViewer>
</Grid>
</reactive:ReactiveUserControl>