新增打赏功能 #14

Author: JiuLing-zhang

src/Components/Pay.razor

@@ -0,0 +1,8 @@
+<MudDialog DefaultFocus="DefaultFocus.FirstChild">
+    <DialogContent>
+        <div class="d-flex flex-column mx-3 my-3">
+            <MudChip T="string" Label="true">请使用微信扫一扫</MudChip>
+            <MudImage Src="images/wxPay.jpg" Width="320" Height="320" Elevation="25" Class="mt-3 rounded-lg" />
+        </div>
+    </DialogContent>
+</MudDialog> 

src/Shared/MainLayout.razor

@@ -28,32 +28,37 @@
         <MudSpacer />
 
         <div class="d-flex" @onmouseup:stopPropagation="true" @onmousedown:stopPropagation="true">
+            <MudTooltip Text="打赏" Delay="300">
+                <MudIconButton Icon="@Icons.Material.Filled.Coffee"
+                               Size="Size.Medium"
+                               OnClick="OpenPayDialog" />
+            </MudTooltip>
 
             @if (AppSettings.AppThemeInt == 0)
             {
-                <MudTooltip Text="浅色主题" Delay="600">
+                <MudTooltip Text="浅色主题" Delay="300">
                     <MudIconButton Icon="@Icons.Material.Filled.WbSunny"
                                    Size="Size.Medium"
                                    OnClick="ChangeTheme" />
                 </MudTooltip>
             }
             else if (AppSettings.AppThemeInt == 1)
             {
-                <MudTooltip Text="深色主题" Delay="600">
+                <MudTooltip Text="深色主题" Delay="300">
                     <MudIconButton Icon="@Icons.Material.Filled.DarkMode"
                                    Size="Size.Medium"
                                    OnClick="ChangeTheme" />
                 </MudTooltip>
             }
             else
             {
-                <MudTooltip Text="使用系统主题" Delay="600">
+                <MudTooltip Text="使用系统主题" Delay="300">
                     <MudIconButton Icon="@Icons.Material.Filled.AutoMode"
                                    Size="Size.Medium"
                                    OnClick="ChangeTheme" />
                 </MudTooltip>
             }
-            <MudTooltip Text="设置" Delay="600">
+            <MudTooltip Text="设置" Delay="300">
                 <MudIconButton Icon="@Icons.Material.Filled.Settings"
                                Size="Size.Medium"
                                OnClick="OpenSettingsDialog" />
@@ -65,5 +70,5 @@
         @Body
     </MudMainContent>
 
-    <Setting @ref="@_settings" />
+    <Setting @ref="@_settings" /> 
 </MudLayout>

src/Shared/MainLayout.razor.cs

@@ -18,6 +18,8 @@ public partial class MainLayout
     [Inject]
     private IStringLocalizer<Lang> Lang { get; set; } = default!;
 
+    [Inject]
+    private IDialogService Dialog { get; set; } = default!;
     protected override async Task OnInitializedAsync()
     {
         await base.OnInitializedAsync();
@@ -107,4 +109,15 @@ private async Task OpenSettingsDialog()
     {
         await _settings.OpenAsync();
     }
+
+    private async Task OpenPayDialog()
+    {
+        var noHeader = new DialogOptions()
+        {
+            NoHeader = true,
+            BackgroundClass = "dialog-blurry",
+            CloseOnEscapeKey = false,
+        };
+        var dialog = await Dialog.ShowAsync<Pay>("", noHeader);
+    }
 }