摘要: 组件介绍 上一篇文章我们介绍了Alert组件,但是实际上Alert组件只能直接把内容加载到页面内,这个做不到当作提示使用。 所以我们还有一个新的组件Message。这个组件的样式几乎与Alert组件一模一样。但是它可以浮动在窗口之上,4秒之后消失。 代码如下: await MessageServic 阅读全文
posted @ 2022-04-23 21:48 jvx 阅读(1663) 评论(0) 推荐(0) 编辑
摘要: 组件介绍 Alert组件几乎是组件库里必不可少的组件了,即使浏览器,也自带了一个alert,会弹出一个模态框。 但是这个模态框有点太丑了,所以各大组件库分分实现了自己的Alert组件。 当然BootstrapBlazor也不例外,同样实现了自己的Alert。 样子如下: 对应的代码为: <Alert 阅读全文
posted @ 2022-04-22 18:29 jvx 阅读(1429) 评论(0) 推荐(0) 编辑
摘要: 组件介绍Editor组件是对Summernote 组件的二次封装。组件分为div模式和editor模式。默认状态下editor模式的组件样子如下:其代码如下:<Editor @bind-Value="@EditorValue" IsEditor="true"></Editor>我们可以通过@bind 阅读全文
posted @ 2022-04-21 21:47 jvx 阅读(1066) 评论(0) 推荐(1) 编辑
摘要: 我们在Jx.Cms开发笔记(三)-Views主题动态切换中说了如何切换主题。但是这里有一个问题,就是主题切换时,会报错这是由于asp.net core在处理Views的信息的时候是在构造函数中处理的,没有任何方法可以刷新这个处理结果。这里放最新版的DefaultViewCompiler代码,在Jx. 阅读全文
posted @ 2022-04-20 21:58 jvx 阅读(1019) 评论(0) 推荐(0) 编辑
摘要: 标签页的样子设计思路与其他输入框一样,存在一个Label标签,由于这里不像其他输入框一样可以直接使用Row标签,所以这里需要额外增加。使用Tag组件显示所有的标签,我们在Blazor 组件库 BootstrapBlazor 中Tag组件介绍中写过使用方法。使用AutoComplete组件输入新的标签 阅读全文
posted @ 2022-04-19 21:23 jvx 阅读(1260) 评论(0) 推荐(0) 编辑
摘要: AutoComplete组件介绍 AutoComplete组件和文本框基本上样子是一样的,只不过AutoComplete组件还带有一个下拉列表,可以从中选择对应的内容。 其同样继承自BootstrapInputBase,所以,它同样拥有BootstrapInputBase的所有属性。 一个最小的Au 阅读全文
posted @ 2022-04-18 15:48 jvx 阅读(1414) 评论(0) 推荐(0) 编辑
摘要: Tag组件的样子 Tag组件的介绍 Tag组件是一个非常简单的组件。 <Tag Icon="fa fa-fw fa-check-circle" Color="Color.Success" ShowDismiss="true" OnDismiss="@DismissClick">标签一</Tag> 这 阅读全文
posted @ 2022-04-17 19:51 jvx 阅读(1319) 评论(0) 推荐(0) 编辑
摘要: 在Blazor 组件库 BootstrapBlazor 中Card组件介绍中我们说过,如果我们使用了Card组件的IsCollapsible属性设置了可伸缩的话,就只能使用Text属性来设置标题文本,不能自己定义了。但是我们在widget组件设置的时候希望在CardHeader里放一个按钮或者一个下 阅读全文
posted @ 2022-04-16 09:12 jvx 阅读(1211) 评论(0) 推荐(0) 编辑
摘要: 一个较为完整的Card样子Card组件介绍Card组件分为三部分,CardHeader、CardBody、CardFooter。代码格式如下:<Card> <CardHeader> Featured </CardHeader> <CardBody> <h5>Special title treatme 阅读全文
posted @ 2022-04-15 09:32 jvx 阅读(1324) 评论(0) 推荐(0) 编辑
摘要: 效果展示我们可以在后台动态切换主题目前Jx.Cms有两个主题,其中一个是默认主题,另一个是仿的Blogs主题。我们可以通过点击启用按钮来动态切换两个主题。实现方法首先写一个实现IViewLocationExpander接口的类,我这里命名为TemplateViewLocationExpander.p 阅读全文
posted @ 2022-04-14 11:01 jvx 阅读(1293) 评论(0) 推荐(0) 编辑