随笔分类 - Blazor
摘要:问题描述 Maui Blazor 在Windows上,按下f5或Ctrl+R时,页面会刷新 解决办法 禁用f5和Ctrl+R 通过Webview2来禁用有点麻烦,并且不生效,所以还是添加一段JavaScript脚本,更方便一些 document.addEventListener('keydown',
阅读全文
摘要:假设项目名为MyApp,想要运行的子目录名也叫MyApp MyApp.csproj <PropertyGroup> <StaticWebAssetBasePath>MyApp</StaticWebAssetBasePath> </PropertyGroup> Properties/launchSet
阅读全文
摘要:问题描述 Maui Blazor 在Windows上的视频点击全屏按钮,只能占满应用程序的窗口,没有占据整个屏幕。这与常规浏览器中的体验是不相符的。 寻找答案 Maui Blazor 在Windows上使用WebView2,所以这个问题到 WebView2的文档 找一找 找到了一个事件 Contai
阅读全文
摘要:## 1. 前言 很久之前就读过 [dotnet9](https://home.cnblogs.com/u/Dotnet9-com/) 大佬的一篇文章,[MAUI与Blazor共享一套UI,媲美Flutter,实现Windows、macOS、Android、iOS、Web通用UI](https://
阅读全文
摘要:前言 (提示!!!.Net 8已不存在该问题,按照https://learn.microsoft.com/zh-cn/dotnet/maui/android/platform-specifics/soft-keyboard-input-mode中的方法就可以了) 最近才发现MAUI Blazor A
阅读全文
摘要:为什么要封装组件 最近写MAUI Blazor的时候,总是苦于对移动端没有什么好的支持,没有一个能左右滑动的tab切换组件。 既然没有,那就自己封装一个。 简单了解轮播图、tab切换的库之后,决定使用根据Swiper来封装。 Swiper是js的插件,所以需要js与.NET互操作,有以下两点 当js
阅读全文
摘要:提出问题 最近在学习MAUIBlazor,用的MASA Blazor,发现在移动端(触屏设备)上,点击会一直显示悬停样式,如下图所示,简单研究了一下,发现这是移动端的通病。 解决问题 MASABlazor中的悬停效果一般都是用::before实现的,所以理论上只要判断在移动端,并且在悬停时把::be
阅读全文
摘要:在你的组件的外面套上一个div,并添加@onclick:stopPropagation="true" <div @onclick:stopPropagation="true"> //add your code </div> 参考文献 https://lebang2020.cn/details/211
阅读全文
摘要:最开始从stackoverflow上找到了答案,有两种办法,但都不太理想 后来自己找了新的办法,其实很简单,把要用的css复制到Razor类库的wwwroot文件夹中,默认是不会复制到引用Razor类库的项目中,如果想要复制的话,在引用Razor类库的项目的wwwroot下的index.html中添
阅读全文
摘要:Blazor的CSS隔离是个很好的东西,如图,只需添加一个与Razor组件同名的CSS文件,这个文件中的CSS样式只会在同名的Razor组件中使用。 原理是通过在dom元素添加一个代表标识符的属性 在CSS中也会添加 但是只适用于html元素,对于自定义封装的组件内部并不适用,标识符的属性只会添加到
阅读全文
摘要:将需要显示字符串转换成MarkupString类型 @((MarkupString)htmlString) 参考文献 https://stackoverflow.com/questions/60167219/convert-plain-text-with-html-tags-to-html-stri
阅读全文