From 4ade58da01529475b8dd959aeb1ccc672a5ab013 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=97=9E=E5=AD=90=E5=86=8D?= Date: Mon, 10 Jan 2022 16:06:48 +0800 Subject: [PATCH] Fixed first render css bug Fixed the bug that CSS could not be render when the module was loaded for the first --- Oqtane.Client/UI/ThemeBuilder.razor | 26 +++++++++++++------------- 1 file changed, 13 insertions(+), 13 deletions(-) diff --git a/Oqtane.Client/UI/ThemeBuilder.razor b/Oqtane.Client/UI/ThemeBuilder.razor index 0f96323e..959ce960 100644 --- a/Oqtane.Client/UI/ThemeBuilder.razor +++ b/Oqtane.Client/UI/ThemeBuilder.razor @@ -28,10 +28,21 @@ protected override async Task OnAfterRenderAsync(bool firstRender) { + var interop = new Interop(JsRuntime); + // manage stylesheets for this page + string batch = DateTime.Now.ToString("yyyyMMddHHmmssfff"); + var links = new List(); + foreach (Resource resource in PageState.Page.Resources.Where(item => item.ResourceType == ResourceType.Stylesheet && item.Declaration != ResourceDeclaration.Global)) + { + links.Add(new { id = "app-stylesheet-" + batch + "-" + (links.Count + 1).ToString("00"), rel = "stylesheet", href = resource.Url, type = "text/css", integrity = resource.Integrity ?? "", crossorigin = resource.CrossOrigin ?? "", key = "" }); + } + if (links.Any()) + { + await interop.IncludeLinks(links.ToArray()); + } + if (!firstRender) { - var interop = new Interop(JsRuntime); - // set page title if (!string.IsNullOrEmpty(PageState.Page.Title)) { @@ -42,17 +53,6 @@ await interop.UpdateTitle(PageState.Site.Name + " - " + PageState.Page.Name); } - // manage stylesheets for this page - string batch = DateTime.Now.ToString("yyyyMMddHHmmssfff"); - var links = new List(); - foreach (Resource resource in PageState.Page.Resources.Where(item => item.ResourceType == ResourceType.Stylesheet && item.Declaration != ResourceDeclaration.Global)) - { - links.Add(new { id = "app-stylesheet-" + batch + "-" + (links.Count + 1).ToString("00"), rel = "stylesheet", href = resource.Url, type = "text/css", integrity = resource.Integrity ?? "", crossorigin = resource.CrossOrigin ?? "", key = "" }); - } - if (links.Any()) - { - await interop.IncludeLinks(links.ToArray()); - } await interop.RemoveElementsById("app-stylesheet", "", "app-stylesheet-" + batch + "-00"); } }