jackfiled/YaeBlog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add: 公告组件

Browse Source
This commit is contained in:
jackfiled 2024-02-01 11:29:03 +08:00
parent 81f8ae90fc
commit 2bfd65735f
4 changed files with 35 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
YaeBlog.Core/Models/BlogOptions.cs
View File

@ -14,6 +14,8 @@ public class BlogOptions
/// </summary> /// </summary>
public required string Author { get; set; } public required string Author { get; set; }
public required string Announcement { get; set; }
/// <summary> /// <summary>
/// 博客的起始年份 /// 博客的起始年份
/// </summary> /// </summary>

26
YaeBlog.Theme.FluentUI/Components/Announcement.razor Normal file
View File

@ -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 {
}

4
YaeBlog.Theme.FluentUI/Components/Announcement.razor.css Normal file
View File

@ -0,0 +1,4 @@
.announcement-title {
display: flex;
align-items: center;
}

6
YaeBlog.Theme.FluentUI/Pages/Home.razor
View File

@ -27,7 +27,7 @@
<div style="margin: 0 8% 0 8%"> <div style="margin: 0 8% 0 8%">
<FluentGrid> <FluentGrid>
<FluentGridItem xs="12" sm="12" md="8" lg="8"> <FluentGridItem xs="12" sm="12" md="9" lg="9">
<div> <div>
@foreach (KeyValuePair<string, BlogEssay> essay in _essays) @foreach (KeyValuePair<string, BlogEssay> essay in _essays)
{ {
@ -126,11 +126,11 @@
</div> </div>
</div> </div>
</FluentGridItem> </FluentGridItem>
<FluentGridItem xs="12" sm="12" md="4" lg="4"> <FluentGridItem xs="12" sm="12" md="3" lg="3">
<FluentStack Orientation="@Orientation.Vertical"> <FluentStack Orientation="@Orientation.Vertical">
<AuthorInformation/> <AuthorInformation/>
<Announcement/>
</FluentStack> </FluentStack>
</FluentGridItem> </FluentGridItem>
</FluentGrid> </FluentGrid>