xiner/TechHelper
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change

Browse Source
This commit is contained in:
SpecialX
2025-05-30 12:46:55 +08:00
parent 95daf9471b
commit e824c081bf
35 changed files with 1800 additions and 363 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
TechHelper.Client/Layout/MainLayout.razor
View File

@@ -5,29 +5,38 @@
<MudPopoverProvider />
<MudPaper Class="d-flex flex-column flex-grow-1" Style="height: 100vh;">
<MudPaper Class="d-flex flex-column flex-grow-1 overflow-hidden">
<MudPaper Style="position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-image: url('/ref/bg4.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
filter: blur(10px);
z-index: -1;">
</MudPaper>
<MudPaper Class="d-flex flex-column flex-grow-0 overflow-auto" Style="height: 100vh; background-color:#22222200">
<MudPaper Height="5%" Class=" d-flex flex-grow-1" Style="background-color:mediumseagreen">
<MudSpacer> </MudSpacer>
<AuthLinks/>
<MudPaper Class="d-flex flex-column flex-grow-1 overflow-hidden" Style="background-color:transparent">
<MudPaper Elevation="3" Height="10%" Class=" d-flex justify-content-around flex-grow-0" Style="background-color:#ffffff55">
<NavBar Class="flex-column flex-grow-1 " Style="background-color:transparent" />
<AuthLinks Class="flex-column flex-grow-0 " Style="background-color:transparent" />
</MudPaper>
<MudPaper Height="95%" Class="d-flex flex-row flex-grow-1 overflow-hidden">
<MudPaper Elevation="3" Class="d-flex flex-row flex-grow-1 overflow-hidden" Style="background-color:transparent">
<MudPaper Width="5%" Class="pa-2 mr-1 d-flex flex-column flex-grow-0 justify-content-between">
<NavBar Class="flex-column flex-grow-0 rounded-pill" />
<AccountView Class="flex-column flex-grow-0 rounded-pill" />
<MudPaper Width="10%" Class="pa-2 ma-1 d-flex flex-column flex-grow-0 justify-content-between" Style="background-color:#ffffffaa">
</MudPaper>
<MudPaper Class="d-flex flex-grow-1 pa-3 ma-1 ">
<MudPaper Elevation="3" Class="d-flex flex-grow-1 pa-3 ma-1 overflow-hidden" Style="background-color:#ffffff22 ">
@Body
</MudPaper>

18
TechHelper.Client/Layout/NavBar.razor
View File

@@ -1,13 +1,17 @@
<MudPaper Class=@Class>
<MudNavLink Icon="@Icons.Material.Filled.Home" Class="py-5 px-3" Href="" Match="NavLinkMatch.All"></MudNavLink>
<MudNavLink Icon="@Icons.Material.Filled.Person" Class="py-5 px-3" Href="Account/Manage"></MudNavLink>
<MudNavLink Icon="@Icons.Material.Filled.Edit" Class="py-5 px-3" Href="Edit"></MudNavLink>
<MudNavLink Icon="@Icons.Material.Filled.Air" Class="py-5 px-3" Href="ai"></MudNavLink>
<MudNavLink Icon="@Icons.Material.Filled.SportsTennis" Class="py-5 px-3" Href="test"></MudNavLink>
<MudPaper Class=@Class Style=@Style>
<MudStack Row="true">
<MudNavLink Class="py-5 px-3" Href="" Match="NavLinkMatch.All"> 主页 </MudNavLink>
<MudNavLink Class="py-5 px-3" Href="Account/Manage"> 个人中心 </MudNavLink>
<MudNavLink Class="py-5 px-3" Href="Edit"> 编辑器 </MudNavLink>
<MudNavLink Class="py-5 px-3" Href="ai"> AI </MudNavLink>
<MudNavLink Class="py-5 px-3" Href="test"> 测试页面 </MudNavLink>
</MudStack>
</MudPaper>
@code {
[Parameter]
public string? Class { get; set; }
[Parameter]
public string? Style { get; set; }
}