Element的blazor版本
API 模仿 Element,CSS 直接使用 Element的样式,HTML 结构直接使用 Element 的 HTML 结构
Element 地址:https://element.eleme.cn/#/zh-CN/component/layout
Blazui 演示地址:http://blazui.com:9000
主要更新仓库:https://github.com/wzxinchen/Blazui
如果该地址不能访问了请发 Issue 告诉我, 目前版本不稳定
使用遇到问题请加入QQ群:74522853
参考Blazor使用的前提条件
- 安装 .Net Core 3.1
- 安装 VS2019,更新到最新版
拉取代码,用 VS2019 打开,直接启动 Blazui.ServerRender 项目
Blazor 组件库 Blazui 开发入门 https://www.cnblogs.com/wzxinchen/p/12096092.html
- 地址:http://wandotnet.top/quartz 用户名密码:blazor,666666 作者:deathvicky 不要改密码!!! 若发现密码被改可进群告之我们
- 类似于LayAdmin的后台管理模板 https://github.com/wzxinchen/BlazAdmin
组件名 | 调用Demo | 功能支持 | 下一步计划 |
---|---|---|---|
按钮 | http://blazui.com:9000/button | [√] 常规支持 | |
输入框 | http://blazui.com:9000/input | [√] 常规支持 | |
单选框 | http://blazui.com:9000/radio | [√] 常规支持 [√] 按钮单选框 [√] 单选框组 [√] 按钮单选框组 [√] 带边框的单选框 |
|
复选框 | http://blazui.com:9000/checkbox | [√] 常规支持 [√] 按钮复选框 [√] 复选框组 [√] 按钮复选框组 |
|
下拉框 | http://blazui.com:9000/select | [√] 常规支持 [√] 选项可禁用 |
|
切换组件 | http://blazui.com:9000/switch | [√] 常规支持 [√] 自定义状态文本 |
|
菜单 | http://blazui.com:9000/menu | [√] 常规支持 [√] 横向菜单 [√] 坚向菜单 [√] 二级菜单 [√] 自定义背景色 [×] 多级菜单 |
|
标签页 | http://blazui.com:9000/tabs | [√] 常规支持 [√] 自定义选项卡样式 [√] 自定义卡片位置 [√] 可移除新增 |
|
表格 | http://blazui.com:9000/table | [√] 常规支持 [√] 自动生成列 [√] 斑马条纹 [√] 分页 [√] 自定义列内容 [√] 表头锁定 [√] 复选框列 [√] 表格边框 [√] 自适应宽度高度 |
[√] 树形表格 |
消息 | http://blazui.com:9000/message | [√] 常规支持 [√] 四种消息类型 |
|
分页 | http://blazui.com:9000/pagination | [√] 常规支持 | |
加载中 | http://blazui.com:9000/loading | [√] 常规支持 [√] 自定义背景颜色、图标、文字 [√] 全屏加载 [√] 部分加载 |
|
消息弹窗 | http://blazui.com:9000/messagebox | [√] 常规支持 [√] Alert弹窗 [√] Confirm 弹窗 [√] 无回调 |
|
对话框 | http://blazui.com:9000/dialog | [√] 常规支持 [√] 嵌套弹窗 [√] 指定宽度 [√] 无回调 |
|
日期选择器 | http://blazui.com:9000/datepicker | [√] 常规支持 [√] 指定日期格式 |
|
Form 表单 | http://blazui.com:9000/form | [√] 常规支持 [√] 三种对齐方式 [√] 单行表单 |
|
布局面板 | http://blazui.com:9000/layout | [√] 常规支持 [√] 嵌套布局 |
|
文件上传 | [√] 常规支持 [√] 限制文件大小 [√] 限制文件类型 [√] 图片预览 [√] 多文件上传 |
||
Markdown 编辑器 |
- 测试组件库功能的稳定性和完整度 @deathvicky
- 宣传组件库 https://github.com/zaranetCore @zaranetCore