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.
1018 lines
58 KiB
1018 lines
58 KiB
<Window x:Class="AIK.Views.AccountPages.MainWindow"
|
|
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
|
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:local="clr-namespace:AIK.Views.AccountPages"
|
|
xmlns:behaviors="clr-namespace:AIK.Behaviors;assembly=AIK.Behaviors"
|
|
xmlns:i="http://schemas.microsoft.com/xaml/behaviors"
|
|
mc:Ignorable="d"
|
|
WindowStartupLocation="CenterScreen"
|
|
Title="{DynamicResource AppTitle}"
|
|
Height="800" Width="1400" Icon="/AIK.Views;component/AccountPages/logo.ico" Cursor=""
|
|
PreviewMouseLeftButtonDown="Window_PreviewMouseLeftButtonDown">
|
|
<WindowChrome.WindowChrome>
|
|
<WindowChrome GlassFrameThickness="-1"/>
|
|
</WindowChrome.WindowChrome>
|
|
<Window.Resources>
|
|
<ResourceDictionary>
|
|
<ResourceDictionary.MergedDictionaries>
|
|
<ResourceDictionary Source="pack://application:,,,/AIK.Assets;component/Styles/ButtonStyles.xaml"/>
|
|
<ResourceDictionary>
|
|
<!-- 圆形头像样式 -->
|
|
<Style x:Key="CircularImageStyle" TargetType="Border">
|
|
<Setter Property="Width" Value="64"/>
|
|
<Setter Property="Height" Value="64"/>
|
|
<Setter Property="CornerRadius" Value="32"/>
|
|
<!--<Setter Property="Background" Value="#FF4A90E2"/>-->
|
|
<Setter Property="HorizontalAlignment" Value="Center"/>
|
|
<Setter Property="VerticalAlignment" Value="Top"/>
|
|
<Setter Property="Margin" Value="0,30,0,10"/>
|
|
</Style>
|
|
<Style TargetType="RadioButton" x:Key="MenuButtonStyle">
|
|
<Setter Property="Margin" Value="5,8"/>
|
|
<Setter Property="Cursor" Value="Hand"/>
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="RadioButton">
|
|
<Border CornerRadius="8" Background="Transparent" Name="root" BorderThickness="1">
|
|
<Grid>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition/>
|
|
<RowDefinition Height="24"/>
|
|
</Grid.RowDefinitions>
|
|
<TextBlock Text="{Binding MenuIcon}"
|
|
VerticalAlignment="Center" HorizontalAlignment="Center"
|
|
FontFamily="{StaticResource Iconfont}" FontSize="28"
|
|
Margin="0,8,0,0"
|
|
Foreground="#66000000" Name="icon" Opacity="0.7"/>
|
|
<TextBlock Text="{Binding MenuHeader}" Grid.Row="1"
|
|
VerticalAlignment="Center" HorizontalAlignment="Center"
|
|
Foreground="#99000000" Name="header" FontSize="11"
|
|
TextTrimming="CharacterEllipsis"
|
|
TextWrapping="NoWrap"
|
|
MaxWidth="82"
|
|
Margin="4,0"/>
|
|
<!--<TextBlock Text="{Binding MenuHeader}" Grid.Row="1"
|
|
VerticalAlignment="Center" HorizontalAlignment="Center"
|
|
Foreground="#99000000" Name="header" FontSize="11"/>-->
|
|
</Grid>
|
|
</Border>
|
|
<!-- ToolTip样式 -->
|
|
<ControlTemplate.Resources>
|
|
<Style TargetType="ToolTip">
|
|
<Setter Property="Background" Value="#FF333333"/>
|
|
<Setter Property="Foreground" Value="White"/>
|
|
<Setter Property="Padding" Value="8,4"/>
|
|
<Setter Property="BorderThickness" Value="0"/>
|
|
<Setter Property="Placement" Value="Right"/>
|
|
<Setter Property="HorizontalOffset" Value="5"/>
|
|
<Setter Property="VerticalOffset" Value="0"/>
|
|
</Style>
|
|
</ControlTemplate.Resources>
|
|
|
|
<ControlTemplate.Triggers>
|
|
<Trigger Property="IsChecked" Value="True">
|
|
<Setter Property="Background" Value="#2216a1ff" TargetName="root"/>
|
|
<Setter Property="BorderBrush" Value="#4416a1ff" TargetName="root"/>
|
|
<Setter Property="Foreground" TargetName="icon" Value="orange">
|
|
</Setter>
|
|
</Trigger>
|
|
|
|
<!-- 鼠标悬停状态 -->
|
|
<Trigger Property="IsMouseOver" Value="True">
|
|
<Setter Property="Background" Value="#11000000" TargetName="root"/>
|
|
<Setter Property="BorderBrush" Value="#33000000" TargetName="root"/>
|
|
<Setter Property="ToolTip" Value="{Binding MenuHeader}"/>
|
|
</Trigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
<CubicEase x:Key="EaseOutCubic" EasingMode="EaseOut"/>
|
|
<!-- 阴影效果 -->
|
|
<DropShadowEffect x:Key="PanelShadow" BlurRadius="15" ShadowDepth="0" Opacity="0.4"/>
|
|
<!-- 侧滑面板动画 -->
|
|
<Storyboard x:Key="SlideInStoryboard">
|
|
<DoubleAnimation Storyboard.TargetName="UserPanelTransform"
|
|
Storyboard.TargetProperty="X"
|
|
From="320" To="0"
|
|
Duration="0:0:0.35"
|
|
EasingFunction="{StaticResource EaseOutCubic}"/>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="UserPanelContainer"
|
|
Storyboard.TargetProperty="Visibility">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Visible}"/>
|
|
</ObjectAnimationUsingKeyFrames>
|
|
</Storyboard>
|
|
|
|
<Storyboard x:Key="SlideOutStoryboard">
|
|
<DoubleAnimation Storyboard.TargetName="UserPanelTransform"
|
|
Storyboard.TargetProperty="X"
|
|
From="0" To="320"
|
|
Duration="0:0:0.35"
|
|
EasingFunction="{StaticResource EaseOutCubic}"/>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="UserPanelContainer"
|
|
Storyboard.TargetProperty="Visibility">
|
|
<DiscreteObjectKeyFrame KeyTime="0:0:0.35" Value="{x:Static Visibility.Collapsed}"/>
|
|
</ObjectAnimationUsingKeyFrames>
|
|
</Storyboard>
|
|
</ResourceDictionary>
|
|
</ResourceDictionary.MergedDictionaries>
|
|
</ResourceDictionary>
|
|
</Window.Resources>
|
|
<Grid>
|
|
<Grid>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="40"></RowDefinition>
|
|
<RowDefinition Height="*"></RowDefinition>
|
|
</Grid.RowDefinitions>
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="110"></ColumnDefinition>
|
|
<ColumnDefinition Width="*"></ColumnDefinition>
|
|
</Grid.ColumnDefinitions>
|
|
<!--标题栏-->
|
|
<!--背景-->
|
|
<Border BorderThickness="0,0,0,1" Grid.ColumnSpan="2">
|
|
<Border.Background>
|
|
<LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
|
|
<GradientStop Color="#c2e0fa" Offset="0"/>
|
|
<GradientStop Color="Transparent" Offset="0.6"/>
|
|
</LinearGradientBrush>
|
|
</Border.Background>
|
|
<Border.BorderBrush>
|
|
<LinearGradientBrush StartPoint="1,0" EndPoint="0,0">
|
|
<GradientStop Color="White" Offset="0"/>
|
|
<GradientStop Color="Transparent" Offset="0.6"/>
|
|
</LinearGradientBrush>
|
|
</Border.BorderBrush>
|
|
</Border>
|
|
<!--标题文本-->
|
|
<Border BorderThickness="0,0,1,1" CornerRadius="0,0,60,0" Height="45"
|
|
Grid.ColumnSpan="2" Grid.RowSpan="2"
|
|
HorizontalAlignment="Left" VerticalAlignment="Top">
|
|
<Border.Background>
|
|
<LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
|
|
<GradientStop Color="#c2e0fa" Offset="0"/>
|
|
<GradientStop Color="White" Offset="1"/>
|
|
</LinearGradientBrush>
|
|
</Border.Background>
|
|
<Border.BorderBrush>
|
|
<LinearGradientBrush StartPoint="0,1" EndPoint="1,0">
|
|
<GradientStop Color="Transparent" Offset="0"/>
|
|
<GradientStop Color="#3316a1ff" Offset="0.3"/>
|
|
<GradientStop Color="#16a1ff" Offset="0.5"/>
|
|
<GradientStop Color="#16a1ff" Offset="0.9"/>
|
|
<GradientStop Color="Transparent" Offset="1"/>
|
|
</LinearGradientBrush>
|
|
</Border.BorderBrush>
|
|
<StackPanel Orientation="Horizontal">
|
|
<!--<Image Source="/AIK.Assets;component/Images/AikChina.png"
|
|
VerticalAlignment="Top" Margin="10"
|
|
Width="23" Height="23">
|
|
--><!--<Image.Effect>
|
|
<DropShadowEffect Color="Gray" ShadowDepth="0" BlurRadius="10" Direction="0" Opacity="0.2"/>
|
|
</Image.Effect>--><!--
|
|
</Image>-->
|
|
<TextBlock Text="{DynamicResource AppTitle}"
|
|
Grid.Column="1" VerticalAlignment="Center" FontSize="16"
|
|
Margin="5,0,40,0" FontFamily="YouYuan" SnapsToDevicePixels="True">
|
|
<TextBlock.Foreground>
|
|
<LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
|
|
<GradientStop Color="#16a1ff" Offset="0"/>
|
|
<GradientStop Color="Goldenrod" Offset="0.75"/>
|
|
<GradientStop Color="#16a1ff" Offset="1"/>
|
|
</LinearGradientBrush>
|
|
</TextBlock.Foreground>
|
|
<TextBlock.Effect>
|
|
<DropShadowEffect Color="Gray" ShadowDepth="0" BlurRadius="1" Direction="0" Opacity="0.7"/>
|
|
</TextBlock.Effect>
|
|
<TextBlock.LayoutTransform>
|
|
<ScaleTransform ScaleX="1.2"/>
|
|
</TextBlock.LayoutTransform>
|
|
</TextBlock>
|
|
</StackPanel>
|
|
</Border>
|
|
<!--装饰条-->
|
|
<Grid Grid.Column="1" VerticalAlignment="Center">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="390"/>
|
|
<ColumnDefinition/>
|
|
<ColumnDefinition Width="180"/>
|
|
</Grid.ColumnDefinitions>
|
|
<Path VerticalAlignment="Center" HorizontalAlignment="Right" Stroke="#3316a1ff"
|
|
Data="M0 0,4 4 0 8 M6 0 10 4 6 8 M12 0 16 4 12 8 M16 4"/>
|
|
<Border BorderBrush="#3316a1ff" BorderThickness="0,0,0,1" Grid.Column="1" VerticalAlignment="Center"/>
|
|
<Line X1="0" Y1="0" X2="0" Y2="20" Grid.Column="2" HorizontalAlignment="Left" VerticalAlignment="Center"
|
|
Stroke="#3316a1ff" RenderTransformOrigin="0.5,0.5">
|
|
<Line.RenderTransform>
|
|
<RotateTransform Angle="35"/>
|
|
</Line.RenderTransform>
|
|
</Line>
|
|
</Grid>
|
|
|
|
<!--窗口控制按钮-->
|
|
<StackPanel Orientation="Horizontal" VerticalAlignment="Top"
|
|
HorizontalAlignment="Right" Grid.Column="1"
|
|
Margin="0,0,5,0"
|
|
Background="Transparent" WindowChrome.IsHitTestVisibleInChrome="True">
|
|
<Button Content="" Style="{StaticResource WindowControlButtonStyle}" FontFamily="{StaticResource Iconfont}"
|
|
Height="30" Width="40" Foreground="#555" Margin="20,0,0,0" Click="BtnMin_Click"/>
|
|
<Button x:Name="BtnMax" Content="" Style="{StaticResource WindowMaxControlButtonStyle}" FontFamily="{StaticResource Iconfont}"
|
|
Height="30" Width="40" Foreground="#555" Click="BtnMax_Click"/>
|
|
<Button Content="" Style="{StaticResource WindowControlButtonStyle}" FontFamily="{StaticResource Iconfont}"
|
|
Height="30" Width="50" Foreground="#555" Click="Button_Click"/>
|
|
</StackPanel>
|
|
|
|
<!--页面呈现-->
|
|
<Grid Grid.Row="1" Grid.Column="1" Grid.ColumnSpan="2">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="239*"/>
|
|
<ColumnDefinition Width="11*"/>
|
|
</Grid.ColumnDefinitions>
|
|
<Grid Grid.ColumnSpan="2">
|
|
<Grid.Background>
|
|
<VisualBrush Viewport="0,0,100,60" ViewportUnits="Absolute" TileMode="Tile">
|
|
<VisualBrush.Visual>
|
|
<Path Data="M18 60,0 30,18 0 50,0 69,30 50,60M69,30 100,30" Stroke="#11FF6E00" StrokeThickness="1"/>
|
|
</VisualBrush.Visual>
|
|
</VisualBrush>
|
|
</Grid.Background>
|
|
<Grid.OpacityMask>
|
|
<RadialGradientBrush>
|
|
<GradientStop Color="Black" Offset="0.3"/>
|
|
<GradientStop Color="Transparent" Offset="1"/>
|
|
</RadialGradientBrush>
|
|
</Grid.OpacityMask>
|
|
</Grid>
|
|
|
|
<ContentControl Content="{Binding ViewContent}" Margin="0,5,0,5" Grid.ColumnSpan="2"
|
|
HorizontalAlignment="Stretch"
|
|
VerticalAlignment="Stretch"
|
|
MaxWidth="{Binding ActualWidth, RelativeSource={RelativeSource AncestorType=Grid}}"
|
|
MaxHeight="{Binding ActualHeight, RelativeSource={RelativeSource AncestorType=Grid}}"/>
|
|
</Grid>
|
|
|
|
<!--菜单-->
|
|
<Grid Grid.Row="1">
|
|
<Border BorderThickness="0,0,1,0">
|
|
<Border.Background>
|
|
<LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
|
|
<GradientStop Color="Transparent" Offset="0.1"/>
|
|
<GradientStop Color="#1116a1ff" Offset="0.2"/>
|
|
<GradientStop Color="#1116a1ff" Offset="0.5"/>
|
|
<GradientStop Color="Transparent" Offset="1"/>
|
|
</LinearGradientBrush>
|
|
</Border.Background>
|
|
<Border.BorderBrush>
|
|
<LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
|
|
<GradientStop Color="Transparent" Offset="0"/>
|
|
<GradientStop Color="Gold" Offset="0.3"/>
|
|
<GradientStop Color="Transparent" Offset="1"/>
|
|
</LinearGradientBrush>
|
|
</Border.BorderBrush>
|
|
<ScrollViewer Template="{StaticResource MyScrollViewer}" Grid.Column="0" Grid.Row="1" VerticalAlignment="Top" Grid.ColumnSpan="2" x:Name="scrList" Margin="0,0,0,20" VerticalScrollBarVisibility="Auto">
|
|
<ItemsControl ItemsSource="{Binding Menus}"
|
|
Margin="0,0,0,100">
|
|
<ItemsControl.ItemTemplate>
|
|
<DataTemplate>
|
|
<RadioButton IsChecked="{Binding IsSelected}"
|
|
Visibility="{Binding IsShow,Converter={StaticResource BoolToVisibilityConverter}}"
|
|
GroupName="menu"
|
|
Style="{StaticResource MenuButtonStyle}"
|
|
Command="{Binding DataContext.SwitchPageCommand,RelativeSource={RelativeSource AncestorType=Window}}"
|
|
CommandParameter="{Binding}"/>
|
|
</DataTemplate>
|
|
</ItemsControl.ItemTemplate>
|
|
</ItemsControl>
|
|
</ScrollViewer>
|
|
</Border>
|
|
</Grid>
|
|
|
|
</Grid>
|
|
<!--👇 用户头像按钮（固定在右上角）-->
|
|
<Border x:Name="UserAvatarButton"
|
|
HorizontalAlignment="Right"
|
|
VerticalAlignment="Top"
|
|
Margin="0,30,20,0"
|
|
Width="36" Height="36"
|
|
CornerRadius="18"
|
|
Background="#FF4A90E2"
|
|
Cursor="Hand"
|
|
MouseLeftButtonDown="UserAvatarButton_MouseLeftButtonDown"
|
|
ToolTip="用户中心">
|
|
<Grid>
|
|
<!-- 用户图标 -->
|
|
<TextBlock Text=""
|
|
Foreground="White"
|
|
FontSize="16"
|
|
FontWeight="Bold"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Center"
|
|
FontFamily="{StaticResource Iconfont}"/>
|
|
|
|
<!-- 登录状态指示点（右下角小圆点） -->
|
|
<Ellipse x:Name="StatusDot"
|
|
Width="8" Height="8"
|
|
HorizontalAlignment="Right"
|
|
VerticalAlignment="Bottom"
|
|
Margin="0,0,2,10"
|
|
Fill="{Binding UserStatus, Converter={StaticResource UserStatusToColorConverter}}" />
|
|
</Grid>
|
|
</Border>
|
|
|
|
<!--👇 侧滑用户面板容器-->
|
|
<Grid x:Name="UserPanelContainer"
|
|
HorizontalAlignment="Right"
|
|
VerticalAlignment="Top"
|
|
Width="320"
|
|
Margin="0,70,0,0"
|
|
Visibility="Collapsed">
|
|
|
|
<!--用户面板内容-->
|
|
<Border Background="White"
|
|
CornerRadius="12,0,0,12"
|
|
HorizontalAlignment="Right"
|
|
Width="300"
|
|
Padding="20"
|
|
Effect="{StaticResource PanelShadow}">
|
|
<Border.RenderTransform>
|
|
<TranslateTransform x:Name="UserPanelTransform" X="320"/>
|
|
</Border.RenderTransform>
|
|
|
|
<!-- 外层Grid增加统一间距和垂直排列 -->
|
|
<StackPanel>
|
|
<!--<TextBlock Text="{Binding StatusText}"></TextBlock>-->
|
|
<Grid Visibility="{Binding IsVisibilityQrCode,Converter={StaticResource BoolToVisibilityConverter}}">
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="Auto"/>
|
|
<RowDefinition Height="24"/>
|
|
<!-- 优化间距，更舒适 -->
|
|
<RowDefinition Height="Auto"/>
|
|
<RowDefinition Height="24"/>
|
|
<RowDefinition Height="Auto"/>
|
|
<RowDefinition Height="36"/>
|
|
<RowDefinition Height="Auto"/>
|
|
<!-- 操作步骤标题行 -->
|
|
<RowDefinition Height="16"/>
|
|
<RowDefinition Height="Auto"/>
|
|
<!-- 步骤容器行 -->
|
|
<RowDefinition Height="Auto"/>
|
|
<!-- 账密登录入口行 -->
|
|
</Grid.RowDefinitions>
|
|
|
|
<!-- 登录标题 -->
|
|
<TextBlock Grid.Row="0"
|
|
FontSize="16"
|
|
FontWeight="Medium"
|
|
Foreground="#333333"
|
|
VerticalAlignment="Center"
|
|
HorizontalAlignment="Center">
|
|
登录AIK KEYTOOL
|
|
</TextBlock>
|
|
|
|
|
|
<Border Grid.Row="2" Effect="{StaticResource PanelShadow}" CornerRadius="8">
|
|
<Grid>
|
|
<!-- 二维码 -->
|
|
<Image
|
|
Source="{Binding QrCodeUserBytes,Converter={StaticResource ByteArrayToImageSourceConverter}}"
|
|
Width="160"
|
|
Height="160"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Center"
|
|
/>
|
|
<!-- 过期遮罩层（默认隐藏） -->
|
|
<Border x:Name="QrCodeOverlay"
|
|
Background="#AAFFFFFF"
|
|
CornerRadius="8"
|
|
Visibility="{Binding IsQrCodeExpired, Converter={StaticResource BoolToVisibilityConverter}}">
|
|
<TextBlock Text="已过期，点击刷新"
|
|
Foreground="#FF6B6B"
|
|
FontWeight="Bold"
|
|
FontSize="14"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Center"/>
|
|
<i:Interaction.Behaviors>
|
|
<behaviors:ClickBehavior Command="{Binding RefreshQrCodeCommand}"
|
|
CommandParameter="{Binding}"/>
|
|
</i:Interaction.Behaviors>
|
|
</Border>
|
|
</Grid>
|
|
</Border>
|
|
|
|
<!-- 扫码提示 -->
|
|
<TextBlock Grid.Row="4"
|
|
FontSize="13"
|
|
Foreground="#666666"
|
|
HorizontalAlignment="Center"
|
|
TextWrapping="Wrap"
|
|
MaxWidth="260">
|
|
请使用AIK KEYTOOL APP 扫码二维码登录
|
|
</TextBlock>
|
|
|
|
<!-- APP名称强调 -->
|
|
<TextBlock Grid.Row="5"
|
|
FontSize="13"
|
|
Foreground="#2D7DFF"
|
|
FontWeight="Medium"
|
|
VerticalAlignment="Center"
|
|
HorizontalAlignment="Center">
|
|
"AIK KEYTOOL"
|
|
</TextBlock>
|
|
|
|
<!-- 操作步骤标题 -->
|
|
<TextBlock Grid.Row="6"
|
|
FontSize="15"
|
|
FontWeight="Medium"
|
|
Foreground="#333333"
|
|
VerticalAlignment="Center"
|
|
HorizontalAlignment="Center">操作步骤
|
|
</TextBlock>
|
|
|
|
<!-- 操作步骤容器（用StackPanel+网格布局实现步骤编号+内容） -->
|
|
<StackPanel Grid.Row="8"
|
|
HorizontalAlignment="Left"
|
|
VerticalAlignment="Top"
|
|
Margin="10,0,0,0">
|
|
<!-- 步骤之间的间距 -->
|
|
|
|
<!-- 步骤1 -->
|
|
<Grid Width="250" Margin="0,0,0,10">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="24"/>
|
|
<!-- 编号容器宽度 -->
|
|
<ColumnDefinition Width="*"/>
|
|
<!-- 内容宽度 -->
|
|
</Grid.ColumnDefinitions>
|
|
|
|
<!-- 步骤编号（圆形背景，更醒目） -->
|
|
<Border Grid.Column="0"
|
|
Width="24"
|
|
Height="24"
|
|
CornerRadius="12"
|
|
Background="#2D7DFF"
|
|
HorizontalAlignment="Left"
|
|
>
|
|
<TextBlock Text="1"
|
|
FontSize="12"
|
|
FontWeight="Medium"
|
|
Foreground="White"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Center"/>
|
|
</Border>
|
|
|
|
<!-- 步骤内容 -->
|
|
<TextBlock Grid.Column="1"
|
|
FontSize="14"
|
|
Foreground="#555555"
|
|
TextWrapping="Wrap"
|
|
Margin="8,0,0,0"
|
|
VerticalAlignment="Center">
|
|
打开掌上AIK KEYTOOL
|
|
</TextBlock>
|
|
</Grid>
|
|
|
|
<!-- 步骤2 -->
|
|
<Grid Width="250" Margin="0,0,0,10">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="24"/>
|
|
<ColumnDefinition Width="*"/>
|
|
</Grid.ColumnDefinitions>
|
|
|
|
<Border Grid.Column="0"
|
|
Width="24"
|
|
Height="24"
|
|
CornerRadius="12"
|
|
Background="#2D7DFF"
|
|
HorizontalAlignment="Left">
|
|
<TextBlock Text="2"
|
|
FontSize="12"
|
|
FontWeight="Medium"
|
|
Foreground="White"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Center"/>
|
|
</Border>
|
|
|
|
<TextBlock Grid.Column="1"
|
|
FontSize="14"
|
|
Foreground="#555555"
|
|
TextWrapping="Wrap"
|
|
Margin="8,0,0,0"
|
|
VerticalAlignment="Center">
|
|
点击个人中心选择授权登录
|
|
</TextBlock>
|
|
</Grid>
|
|
|
|
<!-- 步骤3 -->
|
|
<Grid Width="250">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="24"/>
|
|
<ColumnDefinition Width="*"/>
|
|
</Grid.ColumnDefinitions>
|
|
|
|
<Border Grid.Column="0"
|
|
Width="24"
|
|
Height="24"
|
|
CornerRadius="12"
|
|
Background="#2D7DFF"
|
|
HorizontalAlignment="Left">
|
|
<TextBlock Text="3"
|
|
FontSize="12"
|
|
FontWeight="Medium"
|
|
Foreground="White"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Center"/>
|
|
</Border>
|
|
|
|
<TextBlock Grid.Column="1"
|
|
FontSize="14"
|
|
Foreground="#555555"
|
|
TextWrapping="Wrap"
|
|
Margin="8,0,0,0"
|
|
VerticalAlignment="Center">
|
|
用掌上AIK KEYTOOL扫码桌面端动态二维码
|
|
</TextBlock>
|
|
</Grid>
|
|
</StackPanel>
|
|
|
|
<!-- 账密登录入口：点击后在应用中心弹出账密登录窗口 -->
|
|
<TextBlock Grid.Row="9"
|
|
Text="账密登录"
|
|
FontSize="13"
|
|
Foreground="#2D7DFF"
|
|
Cursor="Hand"
|
|
TextDecorations="Underline"
|
|
HorizontalAlignment="Center"
|
|
Margin="0,16,0,0"
|
|
MouseLeftButtonDown="AccountLoginLink_MouseLeftButtonDown"/>
|
|
</Grid>
|
|
<Grid Visibility="{Binding IsLoggedIn,Converter={StaticResource BoolToVisibilityConverter}}" >
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="auto"></RowDefinition>
|
|
<RowDefinition Height="auto"></RowDefinition>
|
|
<RowDefinition Height="52"></RowDefinition>
|
|
<RowDefinition Height="44"></RowDefinition>
|
|
<RowDefinition Height="auto"></RowDefinition>
|
|
</Grid.RowDefinitions>
|
|
<Border Grid.Row="0">
|
|
<StackPanel HorizontalAlignment="Center" Margin="0,10">
|
|
<!-- 头像占位（可替换为 Image） -->
|
|
<!--<Border Style="{StaticResource CircularImageStyle}">
|
|
--><!--<TextBlock Text=""
|
|
FontFamily="{StaticResource Iconfont}"
|
|
Foreground="White"
|
|
FontSize="24"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Center"/>--><!--
|
|
<Image Source="/AIK.Assets;component/Images/useravatar.png" Width="90" Height="90" />
|
|
</Border>-->
|
|
<Image Source="/AIK.Assets;component/Images/useravatar.png" Width="90" Height="90" VerticalAlignment="Top" Margin="10" Stretch="Uniform" StretchDirection="DownOnly" RenderOptions.BitmapScalingMode="HighQuality" UseLayoutRounding="True"
|
|
SnapsToDevicePixels="True"/>
|
|
<!-- 用户名 -->
|
|
<TextBlock Text="{Binding UserInfo.NickName}"
|
|
FontSize="16"
|
|
FontWeight="SemiBold"
|
|
Foreground="#333333"
|
|
HorizontalAlignment="Center"
|
|
Margin="0,0,0,20"/>
|
|
|
|
<TextBlock
|
|
FontSize="14"
|
|
Foreground="#FF6B7280"
|
|
HorizontalAlignment="Left"
|
|
Margin="0,0,0,4">
|
|
<Run Text="{DynamicResource PhoneNumber}" />
|
|
<Run Text="：" />
|
|
<Run Text="{Binding UserInfo.Phone}" />
|
|
</TextBlock>
|
|
<TextBlock
|
|
FontSize="14"
|
|
Foreground="#FF6B7280"
|
|
HorizontalAlignment="Left"
|
|
Margin="0,0,0,4" >
|
|
<Run Text="{DynamicResource Integral}" />
|
|
<Run Text="：" />
|
|
<Run Text="{Binding IntegralInfo.Integral}" />
|
|
</TextBlock>
|
|
|
|
<!-- 登出按钮 -->
|
|
<Button Content="{DynamicResource Logout}"
|
|
Command="{Binding LogoutCommand}"
|
|
MinWidth="60"
|
|
MinHeight="36"
|
|
Background="#FFE0E0E0"
|
|
Foreground="White"
|
|
BorderThickness="0"
|
|
FontWeight="Bold"
|
|
Cursor="Hand"
|
|
Margin="0,20,0,0">
|
|
<Button.Style>
|
|
<Style TargetType="Button">
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="Button">
|
|
<Border Background="{TemplateBinding Background}"
|
|
CornerRadius="4"
|
|
Padding="10,0">
|
|
<ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
|
|
</Border>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
<Style.Triggers>
|
|
<Trigger Property="IsMouseOver" Value="True">
|
|
<Setter Property="Background" Value="#42A5F5"/>
|
|
</Trigger>
|
|
</Style.Triggers>
|
|
</Style>
|
|
</Button.Style>
|
|
</Button>
|
|
</StackPanel>
|
|
</Border>
|
|
<Border Grid.Row="1" HorizontalAlignment="Center"
|
|
Width="260"
|
|
Height="80"
|
|
BorderBrush="#FFE0E0E0"
|
|
BorderThickness="1"
|
|
CornerRadius="18"
|
|
Padding="0">
|
|
<!-- 内部 Grid：三列（左 | 分割线 | 右） -->
|
|
<Grid>
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*" />
|
|
<ColumnDefinition Width="1" />
|
|
<ColumnDefinition Width="*" />
|
|
</Grid.ColumnDefinitions>
|
|
<Border Grid.Column="0"
|
|
Background="Transparent"
|
|
MouseLeftButtonDown="WeChatArea_MouseLeftButtonDown"
|
|
Cursor="Hand">
|
|
<!-- 左侧：微信 -->
|
|
<StackPanel
|
|
Orientation="Vertical"
|
|
VerticalAlignment="Center"
|
|
HorizontalAlignment="Center"
|
|
Margin="3,0">
|
|
<!-- 微信图标（使用 Unicode 或 IconFont） -->
|
|
<TextBlock Text=""
|
|
HorizontalAlignment="Center"
|
|
FontFamily="{StaticResource Iconfont}"
|
|
Foreground="#FF4CAF50"
|
|
FontSize="30"
|
|
Margin="0,0,8,0" />
|
|
<TextBlock Text="{DynamicResource ContactWechat}"
|
|
HorizontalAlignment="Center"
|
|
FontSize="12"
|
|
Foreground="#FF333333" />
|
|
<TextBlock Text="AIK KMINI"
|
|
x:Name="TxtWeChat"
|
|
HorizontalAlignment="Center"
|
|
FontSize="12"
|
|
Foreground="#FF333333" />
|
|
</StackPanel>
|
|
</Border>
|
|
<!-- 中间分割线 -->
|
|
<Rectangle Grid.Column="1"
|
|
Margin="0,5,0,5"
|
|
Fill="#FFE0E0E0"
|
|
Width="0.5"
|
|
HorizontalAlignment="Center" />
|
|
|
|
<Border
|
|
Grid.Column="2"
|
|
Background="Transparent"
|
|
MouseLeftButtonDown="EmailArea_MouseLeftButtonDown"
|
|
Cursor="Hand">
|
|
<!-- 右侧：邮箱 -->
|
|
<StackPanel
|
|
Orientation="Vertical"
|
|
VerticalAlignment="Center"
|
|
HorizontalAlignment="Center"
|
|
Margin="3,0">
|
|
<!-- 邮件图标 -->
|
|
<TextBlock Text=""
|
|
HorizontalAlignment="Center"
|
|
FontFamily="{StaticResource Iconfont}"
|
|
Foreground="#FF2196F3"
|
|
FontSize="30"
|
|
Margin="0,0,8,0" />
|
|
<TextBlock Text="{DynamicResource ContactEmail}"
|
|
HorizontalAlignment="Center"
|
|
FontSize="12"
|
|
Foreground="#FF333333" />
|
|
<TextBlock Text="support@aikkey.com"
|
|
x:Name="TxtEmail"
|
|
HorizontalAlignment="Center"
|
|
FontSize="12"
|
|
Foreground="#FF333333" />
|
|
</StackPanel>
|
|
</Border>
|
|
</Grid>
|
|
</Border>
|
|
<Button Grid.Row="2"
|
|
Width="260"
|
|
Height="36"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Center"
|
|
Cursor="Hand"
|
|
Background="Transparent"
|
|
BorderThickness="0"
|
|
Command="{Binding ShowIntegralRechargeCommand}">
|
|
<Button.Template>
|
|
<ControlTemplate TargetType="Button">
|
|
<Border x:Name="border"
|
|
Background="#E9FBFD"
|
|
BorderBrush="#20B8C8"
|
|
BorderThickness="1"
|
|
CornerRadius="8"
|
|
Padding="12,0"
|
|
SnapsToDevicePixels="True">
|
|
<Grid HorizontalAlignment="Stretch"
|
|
VerticalAlignment="Center">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="24"/>
|
|
<ColumnDefinition Width="8"/>
|
|
<ColumnDefinition Width="*"/>
|
|
</Grid.ColumnDefinitions>
|
|
<TextBlock x:Name="iconText"
|
|
Grid.Column="0"
|
|
Text=""
|
|
FontFamily="{StaticResource Iconfont}"
|
|
FontSize="16"
|
|
Foreground="#20B8C8"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Center"/>
|
|
<TextBlock Grid.Column="2"
|
|
Text="{DynamicResource IntegralRecharge}"
|
|
FontSize="14"
|
|
FontWeight="SemiBold"
|
|
Foreground="#20B8C8"
|
|
VerticalAlignment="Center"
|
|
TextTrimming="CharacterEllipsis"/>
|
|
</Grid>
|
|
</Border>
|
|
<ControlTemplate.Triggers>
|
|
<Trigger Property="IsMouseOver" Value="True">
|
|
<Setter TargetName="border" Property="Background" Value="White"/>
|
|
<Setter TargetName="border" Property="Effect">
|
|
<Setter.Value>
|
|
<DropShadowEffect BlurRadius="6" ShadowDepth="2" Color="#000000" Opacity="0.1"/>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Trigger>
|
|
<Trigger Property="IsPressed" Value="True">
|
|
<Setter TargetName="border" Property="Background" Value="#D8F6FA"/>
|
|
<Setter TargetName="border" Property="Effect" Value="{x:Null}"/>
|
|
</Trigger>
|
|
<Trigger Property="IsEnabled" Value="False">
|
|
<Setter TargetName="border" Property="Background" Value="#F3F4F6"/>
|
|
<Setter TargetName="border" Property="BorderBrush" Value="#D1D5DB"/>
|
|
<Setter TargetName="iconText" Property="Foreground" Value="#9CA3AF"/>
|
|
</Trigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</Button.Template>
|
|
</Button>
|
|
<Button Grid.Row="3"
|
|
Width="260"
|
|
Height="36"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Center"
|
|
Cursor="Hand"
|
|
Background="Transparent"
|
|
BorderThickness="0"
|
|
Command="{Binding ShowMembershipOpenCommand}">
|
|
<Button.Template>
|
|
<ControlTemplate TargetType="Button">
|
|
<Border x:Name="border"
|
|
Background="#F0FBFC"
|
|
BorderBrush="#20B8C8"
|
|
BorderThickness="1"
|
|
CornerRadius="8"
|
|
Padding="12,0"
|
|
SnapsToDevicePixels="True">
|
|
<Grid HorizontalAlignment="Stretch"
|
|
VerticalAlignment="Center">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="24"/>
|
|
<ColumnDefinition Width="8"/>
|
|
<ColumnDefinition Width="*"/>
|
|
</Grid.ColumnDefinitions>
|
|
<TextBlock x:Name="iconText"
|
|
Grid.Column="0"
|
|
Text=""
|
|
FontFamily="{StaticResource Iconfont}"
|
|
FontSize="16"
|
|
Foreground="#20B8C8"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Center"/>
|
|
<TextBlock Grid.Column="2"
|
|
Text="{DynamicResource MembershipOpen}"
|
|
FontSize="14"
|
|
FontWeight="SemiBold"
|
|
Foreground="#20B8C8"
|
|
VerticalAlignment="Center"
|
|
TextTrimming="CharacterEllipsis"/>
|
|
</Grid>
|
|
</Border>
|
|
<ControlTemplate.Triggers>
|
|
<Trigger Property="IsMouseOver" Value="True">
|
|
<Setter TargetName="border" Property="Background" Value="White"/>
|
|
<Setter TargetName="border" Property="Effect">
|
|
<Setter.Value>
|
|
<DropShadowEffect BlurRadius="6" ShadowDepth="2" Color="#000000" Opacity="0.1"/>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Trigger>
|
|
<Trigger Property="IsPressed" Value="True">
|
|
<Setter TargetName="border" Property="Background" Value="#D8F6FA"/>
|
|
<Setter TargetName="border" Property="Effect" Value="{x:Null}"/>
|
|
</Trigger>
|
|
<Trigger Property="IsEnabled" Value="False">
|
|
<Setter TargetName="border" Property="Background" Value="#F3F4F6"/>
|
|
<Setter TargetName="border" Property="BorderBrush" Value="#D1D5DB"/>
|
|
<Setter TargetName="iconText" Property="Foreground" Value="#9CA3AF"/>
|
|
</Trigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</Button.Template>
|
|
</Button>
|
|
<Border Grid.Row="4" HorizontalAlignment="Center"
|
|
Width="260"
|
|
Height="80">
|
|
<Grid>
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*"></ColumnDefinition>
|
|
<ColumnDefinition Width="*"></ColumnDefinition>
|
|
</Grid.ColumnDefinitions>
|
|
<Button
|
|
Margin="0"
|
|
MinWidth="90" MinHeight="35"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Center"
|
|
Cursor="Hand"
|
|
Background="Transparent"
|
|
BorderThickness="0"
|
|
Grid.Column="0"
|
|
Command="{Binding ShowKeyRecordCommand}">
|
|
<Button.Template>
|
|
<ControlTemplate TargetType="Button">
|
|
<Border x:Name="border"
|
|
Background="{TemplateBinding Background}"
|
|
BorderBrush="#3B82F6"
|
|
BorderThickness="1"
|
|
CornerRadius="12"
|
|
SnapsToDevicePixels="True"
|
|
Padding="12,6">
|
|
<!-- 增加内边距，避免拥挤 -->
|
|
<Grid HorizontalAlignment="Stretch" VerticalAlignment="Center">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="20"/>
|
|
<ColumnDefinition Width="6"/>
|
|
<ColumnDefinition Width="*"/>
|
|
</Grid.ColumnDefinitions>
|
|
<TextBlock x:Name="iconText"
|
|
Grid.Column="0"
|
|
Text=""
|
|
FontFamily="{StaticResource Iconfont}"
|
|
FontSize="16"
|
|
Foreground="#3B82F6"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Center"/>
|
|
<TextBlock Grid.Column="2"
|
|
Text="{DynamicResource BurnLog}"
|
|
FontSize="14"
|
|
FontWeight="SemiBold"
|
|
Foreground="#3B82F6"
|
|
FontFamily="{StaticResource AlimmIconfont}"
|
|
VerticalAlignment="Center"
|
|
TextTrimming="CharacterEllipsis"/>
|
|
</Grid>
|
|
</Border>
|
|
|
|
<ControlTemplate.Triggers>
|
|
<!-- 默认状态：浅蓝背景 -->
|
|
<Trigger Property="IsMouseOver" Value="False">
|
|
<Setter TargetName="border" Property="Background" Value="#EFF6FF"/>
|
|
<!-- 浅蓝底 -->
|
|
</Trigger>
|
|
|
|
<!-- 悬停：背景变白，边框/文字保持主色，增加轻微阴影 -->
|
|
<Trigger Property="IsMouseOver" Value="True">
|
|
<Setter TargetName="border" Property="Background" Value="White"/>
|
|
<Setter TargetName="border" Property="Effect">
|
|
<Setter.Value>
|
|
<DropShadowEffect BlurRadius="6" ShadowDepth="2" Color="#000000" Opacity="0.1"/>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Trigger>
|
|
|
|
<!-- 按下：背景变浅蓝，模拟“按下”感 -->
|
|
<Trigger Property="IsPressed" Value="True">
|
|
<Setter TargetName="border" Property="Background" Value="#DBEAFE"/>
|
|
<Setter TargetName="border" Property="Effect" Value="{x:Null}"/>
|
|
<!-- 移除阴影 -->
|
|
</Trigger>
|
|
|
|
<!-- 禁用状态 -->
|
|
<Trigger Property="IsEnabled" Value="False">
|
|
<Setter TargetName="border" Property="Background" Value="#F3F4F6"/>
|
|
<Setter TargetName="border" Property="BorderBrush" Value="#D1D5DB"/>
|
|
<Setter TargetName="iconText" Property="Foreground" Value="#9CA3AF"/>
|
|
<Setter Property="Foreground" Value="#9CA3AF"/>
|
|
<Setter TargetName="border" Property="Effect" Value="{x:Null}"/>
|
|
</Trigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</Button.Template>
|
|
</Button>
|
|
<Button
|
|
Margin="0"
|
|
MinWidth="90" MinHeight="35"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Center"
|
|
Cursor="Hand"
|
|
Background="Transparent"
|
|
BorderThickness="0"
|
|
Grid.Column="1"
|
|
Command="{Binding ShowIntegralRecordCommand}">
|
|
<Button.Template>
|
|
<ControlTemplate TargetType="Button">
|
|
<Border x:Name="border"
|
|
Background="{TemplateBinding Background}"
|
|
BorderBrush="#3B82F6"
|
|
BorderThickness="1"
|
|
CornerRadius="12"
|
|
SnapsToDevicePixels="True"
|
|
Padding="12,6">
|
|
<!-- 增加内边距，避免拥挤 -->
|
|
<Grid HorizontalAlignment="Stretch" VerticalAlignment="Center">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="20"/>
|
|
<ColumnDefinition Width="6"/>
|
|
<ColumnDefinition Width="*"/>
|
|
</Grid.ColumnDefinitions>
|
|
<TextBlock x:Name="iconText"
|
|
Grid.Column="0"
|
|
Text=""
|
|
FontFamily="{StaticResource Iconfont}"
|
|
FontSize="16"
|
|
Foreground="#3B82F6"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Center"/>
|
|
<TextBlock Grid.Column="2"
|
|
Text="{DynamicResource IntegralRecord}"
|
|
FontSize="14"
|
|
FontWeight="SemiBold"
|
|
Foreground="#3B82F6"
|
|
FontFamily="{StaticResource AlimmIconfont}"
|
|
VerticalAlignment="Center"
|
|
TextTrimming="CharacterEllipsis"/>
|
|
</Grid>
|
|
</Border>
|
|
|
|
<ControlTemplate.Triggers>
|
|
<!-- 默认状态：浅蓝背景 -->
|
|
<Trigger Property="IsMouseOver" Value="False">
|
|
<Setter TargetName="border" Property="Background" Value="#EFF6FF"/>
|
|
<!-- 浅蓝底 -->
|
|
</Trigger>
|
|
|
|
<!-- 悬停：背景变白，边框/文字保持主色，增加轻微阴影 -->
|
|
<Trigger Property="IsMouseOver" Value="True">
|
|
<Setter TargetName="border" Property="Background" Value="White"/>
|
|
<Setter TargetName="border" Property="Effect">
|
|
<Setter.Value>
|
|
<DropShadowEffect BlurRadius="6" ShadowDepth="2" Color="#000000" Opacity="0.1"/>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Trigger>
|
|
|
|
<!-- 按下：背景变浅蓝，模拟“按下”感 -->
|
|
<Trigger Property="IsPressed" Value="True">
|
|
<Setter TargetName="border" Property="Background" Value="#DBEAFE"/>
|
|
<Setter TargetName="border" Property="Effect" Value="{x:Null}"/>
|
|
<!-- 移除阴影 -->
|
|
</Trigger>
|
|
|
|
<!-- 禁用状态 -->
|
|
<Trigger Property="IsEnabled" Value="False">
|
|
<Setter TargetName="border" Property="Background" Value="#F3F4F6"/>
|
|
<Setter TargetName="border" Property="BorderBrush" Value="#D1D5DB"/>
|
|
<Setter TargetName="iconText" Property="Foreground" Value="#9CA3AF"/>
|
|
<Setter Property="Foreground" Value="#9CA3AF"/>
|
|
<Setter TargetName="border" Property="Effect" Value="{x:Null}"/>
|
|
</Trigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</Button.Template>
|
|
</Button>
|
|
</Grid>
|
|
</Border>
|
|
</Grid>
|
|
</StackPanel>
|
|
</Border>
|
|
</Grid>
|
|
</Grid>
|
|
</Window>
|
|
|