Dispenser/DispenserUI/Views/Login/LoginView.axaml

77 lines
4.5 KiB
XML

<UserControl xmlns="https://github.com/avaloniaui"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="1920" Height="1000"
xmlns:login="clr-namespace:DispenserUI.ViewModels.Login"
x:DataType="login:LoginVM"
IsVisible="{Binding Visible}"
x:Class="DispenserUI.Views.Login.LoginView">
<Grid ColumnDefinitions="*,600">
<Image Grid.Column="0" Source="/Assets/UI/BigAI@2x.png" Width="1100" Height="825" VerticalAlignment="Center"
Margin="73,0,0,0" />
<Border Grid.Column="1" Width="450" Height="560" CornerRadius="20"
VerticalAlignment="Center"
Background="White" BorderBrush="#DFE1E7"
BorderThickness="1"
Padding="40"
BoxShadow="0 0 10 10 #0D0D1205">
<StackPanel>
<Image Source="/Assets/UI/Lockicon@2x.png" Width="88" Height="88" HorizontalAlignment="Center" />
<TextBlock Text="海炬固晶机HG50" FontSize="24" TextAlignment="Center" HorizontalAlignment="Center"
LineHeight="32" Margin="0,10,0,0" />
<TextBlock Text="请登录" FontSize="16" Foreground="#666D80" TextAlignment="Center"
HorizontalAlignment="Center"
LineHeight="26" Margin="0,10,0,0" />
<StackPanel Margin="0,20,0,0" Width="370" HorizontalAlignment="Center">
<TextBlock Text="用户名" FontSize="14" Foreground="#0D0D12" TextAlignment="Left" />
<Border BorderBrush="#DFE1E7" BorderThickness="1"
CornerRadius="5"
Width="370" Height="48"
Margin="0,10,0,0"
HorizontalAlignment="Center"
BoxShadow="0 1 2 1 #0D0D1205"
Padding="8,12,12,12">
<StackPanel Orientation="Horizontal">
<Image Source="/Assets/UI/user-plus@2x.png" Width="20" Height="20" />
<TextBox Text="{Binding UserName}" Margin="10,0,0,0" FontSize="16" Width="318"
Foreground="#818898"
BorderThickness="0" />
</StackPanel>
</Border>
<TextBlock Text="用户名或密码有误" FontSize="14" Foreground="#FF0000" TextAlignment="Left"
Margin="0,10,0,0"
IsVisible="{Binding ShowError}" />
<TextBlock Text="密码" FontSize="14" Foreground="#0D0D12" TextAlignment="Left" Margin="0,30,0,0" />
<Border BorderBrush="#DFE1E7" BorderThickness="1"
CornerRadius="5"
Width="370" Height="48"
HorizontalAlignment="Center"
Margin="0,10,0,0"
BoxShadow="0 1 2 1 #0D0D1205"
Padding="8,12,12,12">
<StackPanel Orientation="Horizontal">
<Image Source="/Assets/UI/mail@2x.png" Width="20" Height="20" />
<TextBox Text="{Binding Password}" Margin="10,0,0,0" x:Name="PwdTextBox" FontSize="16"
Width="318"
Foreground="#818898"
BorderThickness="0" PasswordChar="*" />
</StackPanel>
</Border>
<TextBlock Text="大写输入已打开" FontSize="14" Foreground="#FF0000" TextAlignment="Left" Margin="0,10,0,0"
IsVisible="{Binding IsCapsLockIndicatorVisible}" />
<Button
Margin="0,30,0,0"
Width="370" Height="48"
CornerRadius="20"
Command="{Binding ToLogin}"
Background="#5F57FF">
<TextBlock Text="登录"
VerticalAlignment="Center"
HorizontalAlignment="Center"
Foreground="White"
FontSize="16" />
</Button>
</StackPanel>
</StackPanel>
</Border>
</Grid>
</UserControl>