add: 公告组件

2024-02-01 11:29:03 +08:00
parent 81f8ae90fc
commit 2bfd65735f
4 changed files with 35 additions and 3 deletions
--- a/YaeBlog.Theme.FluentUI/Components/Announcement.razor
+++ b/YaeBlog.Theme.FluentUI/Components/Announcement.razor
@@ -0,0 +1,26 @@
+@using YaeBlog.Core.Models
+
+@inject BlogOptions BlogOptionsInstance
+
+<div style="width: 100%">
+    <FluentCard>
+        <div class="announcement-title">
+            <FluentIcon Value="@(new Icons.Regular.Size16.Note())" />
+            <FluentLabel Typo="@Typography.H5" Style="margin-left: 0.5rem">
+                公告
+            </FluentLabel>
+        </div>
+
+        <div style="height: 1rem"></div>
+
+        <FluentLabel>
+            @(BlogOptionsInstance.Announcement)
+        </FluentLabel>
+
+        <div style="height: 0.5rem"></div>
+    </FluentCard>
+</div>
+
+@code {
+
+}
--- a/YaeBlog.Theme.FluentUI/Components/Announcement.razor.css
+++ b/YaeBlog.Theme.FluentUI/Components/Announcement.razor.css
@@ -0,0 +1,4 @@
+.announcement-title {
+    display: flex;
+    align-items: center;
+}