feat: intro page.

This commit is contained in:
Zhang Dian
2023-12-09 02:20:08 +08:00
parent 2a7f9a3e32
commit 3a519faa6a

View File

@@ -17,8 +17,22 @@
<PathGeometry x:Key="InfoPath">M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM14 7C14 8.10457 13.1046 9 12 9C10.8954 9 10 8.10457 10 7C10 5.89543 10.8954 5 12 5C13.1046 5 14 5.89543 14 7ZM9 10.75C9 10.3358 9.33579 10 9.75 10H12.5C13.0523 10 13.5 10.4477 13.5 11V16.5H14.25C14.6642 16.5 15 16.8358 15 17.25C15 17.6642 14.6642 18 14.25 18H9.75C9.33579 18 9 17.6642 9 17.25C9 16.8358 9.33579 16.5 9.75 16.5H10.5V11.5H9.75C9.33579 11.5 9 11.1642 9 10.75Z</PathGeometry>
<SolidColorBrush x:Key="MaskBackground" Opacity="0.2" Color="{DynamicResource SemiRed5Color}" />
</UserControl.Resources>
<UserControl.Styles>
<Style Selector="u|Badge">
<Setter Property="Margin" Value="12" />
</Style>
<Style Selector="u|Badge > Border">
<Setter Property="Background" Value="{DynamicResource SemiPurple4Color}" />
<Setter Property="CornerRadius" Value="8" />
</Style>
<Style Selector="u|DualBadge">
<Setter Property="Margin" Value="4" />
</Style>
</UserControl.Styles>
<Grid RowDefinitions="Auto, *" ColumnDefinitions="Auto, *, *">
<ScrollViewer VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Auto">
<StackPanel Margin="20">
<Grid RowDefinitions="Auto, *" ColumnDefinitions="Auto, Auto, Auto">
<u:Banner
Grid.Column="0"
Grid.ColumnSpan="3"
@@ -52,7 +66,8 @@
<converters:MenuDataTemplateSelector>
<converters:MenuDataTemplateSelector.MenuTemplate>
<DataTemplate DataType="vm:MenuItemViewModel">
<u:NavigationMenuItem Header="{Binding MenuHeader}" ItemsSource="{Binding Children}">
<u:NavigationMenuItem Header="{Binding MenuHeader}"
ItemsSource="{Binding Children}">
<u:NavigationMenuItem.Icon>
<PathIcon
Width="16"
@@ -74,6 +89,7 @@
<StackPanel Grid.Column="1" Grid.Row="1" Spacing="20" Margin="8">
<u:ImageViewer
Name="viewer"
Width="600"
Height="300"
Scale="0.2"
Background="{DynamicResource SemiGrey1Color}"
@@ -160,15 +176,6 @@
<StackPanel Grid.Column="2" Grid.Row="1" Spacing="20" Margin="8">
<u:Divider HorizontalContentAlignment="Right">Badge</u:Divider>
<StackPanel.Styles>
<Style Selector="u|Badge">
<Setter Property="Margin" Value="12" />
</Style>
<Style Selector="u|Badge > Border">
<Setter Property="Background" Value="{DynamicResource SemiPurple4Color}" />
<Setter Property="CornerRadius" Value="8" />
</Style>
</StackPanel.Styles>
<WrapPanel Orientation="Horizontal">
<u:Badge BadgeContent="Ursa" CornerPosition="TopRight">
<Border Width="100" Height="50" />
@@ -207,12 +214,6 @@
<u:Divider>DualBadge</u:Divider>
<WrapPanel Orientation="Horizontal">
<WrapPanel.Styles>
<Style Selector="u|DualBadge">
<Setter Property="Margin" Value="4" />
</Style>
</WrapPanel.Styles>
<u:DualBadge Header="downloads">
<u:DualBadge.Icon>
<PathIcon
@@ -275,11 +276,14 @@
</Grid>
</StackPanel>
</u:LoadingContainer>
<u:TagInput HorizontalAlignment="Stretch" />
<u:TagInput HorizontalAlignment="Left" Width="550" />
<u:Pagination
PageSizeOptions="10, 20, 50, 100"
ShowPageSizeSelector="True"
TotalCount="600" />
</StackPanel>
</Grid>
</StackPanel>
</ScrollViewer>
</UserControl>