wenyongda/antdui-demo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update README.md.

Browse Source 
Signed-off-by: czz_y <czybove@qq.com>
This commit is contained in:
czz_y 2024-09-05 01:36:20 +00:00 committed by Gitee
parent eb30901846
commit 429cd69b0c
No known key found for this signature in database
GPG Key ID: 173E9B9CA92EEF8F
1 changed files with 44 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

88
README.md
View File

@ -18,9 +18,9 @@
- 电脑屏幕分辨率低于 1920×1080(1080P) 请使用大于等于 1080P 分辨率的屏幕开发
- 电脑屏幕分辨率大于 1080P 或者缩放不是 100% 的，务必选择以下 **任一方式** 运行项目
1. 按照上述 **快速开始** 的第二条打开项目，详细原因见 [解决 Visual Studio 中 Windows 窗体设计器的 HDPI/缩放问题](https://learn.microsoft.com/zh-cn/visualstudio/designers/disable-dpi-awareness?view=vs-2022) ，如下所示
![vsstart](assets/screenshots/vsstart.png)
![vsstart](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/vsstart.png)
2. 直接打开项目，在窗口页面提示点击 **使用 100% 缩放比例重新启动 Visual Studio**，如下所示
![design](assets/screenshots/design.png)
![design](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/design.png)
## 系统设置
- ✅ 支持浅色/深色模式，并且随系统自动切换
@ -29,104 +29,104 @@
- ✅ 支持显示/隐藏滚动条
- ✅ 支持设置 Message/Notification 消息显示位置
![SystemSet](assets/screenshots/SystemSet.png)
![SystemSet](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/SystemSet.png)
## 控件演示
### 通用
#### Button 按钮
![Button](assets/screenshots/Button.png)
![Button](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/Button.png)
#### FloatButton 悬浮按钮
![FloatButton](assets/screenshots/FloatButton.png)
![FloatButton](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/FloatButton.png)
### 布局
#### FlowPanel 流动布局
![FlowPanel](assets/screenshots/FlowPanel.png)
![FlowPanel](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/FlowPanel.png)
#### GridPanel 网格布局
![GridPanel](assets/screenshots/GridPanel.png)
![GridPanel](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/GridPanel.png)
#### Panel 面板
![Panel](assets/screenshots/Panel.png)
![Panel](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/Panel.png)
#### StackPanel 堆叠布局
![StackPanel](assets/screenshots/StackPanel.png)
![StackPanel](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/StackPanel.png)
#### VirtualPanel 虚拟布局
### 导航
#### Dropdown 下拉菜单
![Dropdown](assets/screenshots/Dropdown.png)
![Dropdown](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/Dropdown.png)
#### Menu 导航菜单
![Menu](assets/screenshots/Menu.png)
![Menu](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/Menu.png)
#### Pagination 分页
![Pagination](assets/screenshots/Pagination.png)
![Pagination](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/Pagination.png)
#### Steps 步骤条
![Steps](assets/screenshots/Steps.png)
![Steps](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/Steps.png)
### 数据录入
#### Checkbox 多选框
![Checkbox](assets/screenshots/Checkbox.png)
![Checkbox](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/Checkbox.png)
#### ColorPicker 颜色选择器
![ColorPicker](assets/screenshots/ColorPicker.png)
![ColorPicker](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/ColorPicker.png)
#### DatePicker 日期选择器
![DatePicker](assets/screenshots/DatePicker.png)
![DatePicker](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/DatePicker.png)
#### DatePickerRange 日期范围选择器
![DatePickerRange](assets/screenshots/DatePickerRange.png)
![DatePickerRange](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/DatePickerRange.png)
#### Input 输入框
![Input](assets/screenshots/Input.png)
![Input](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/Input.png)
#### InputNumber 数字输入框
![InputNumber](assets/screenshots/InputNumber.png)
![InputNumber](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/InputNumber.png)
#### Radio 单选框
![Radio](assets/screenshots/Radio.png)
![Radio](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/Radio.png)
#### Rate 评分
![Rate](assets/screenshots/Rate.png)
![Rate](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/Rate.png)
#### Select 选择器
![Select](assets/screenshots/Select.png)
![Select](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/Select.png)
#### SelectMultiple 多选选择器
![SelectMultiple](assets/screenshots/SelectMultiple.png)
![SelectMultiple](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/SelectMultiple.png)
#### Slider 滑动输入条
![Slider](assets/screenshots/Slider.png)
![Slider](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/Slider.png)
#### Switch 开关
![Switch](assets/screenshots/Switch.png)
![Switch](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/Switch.png)
#### TimePicker 时间选择框
![TimePicker](assets/screenshots/TimePicker.png)
![TimePicker](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/TimePicker.png)
### 数据展示
#### Avatar 头像
![Avatar](assets/screenshots/Avatar.png)
![Avatar](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/Avatar.png)
#### Badge 徽标数
![Badge](assets/screenshots/Badge.png)
![Badge](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/Badge.png)
#### Calendar 日历
![Calendar](assets/screenshots/Calendar.png)
![Calendar](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/Calendar.png)
#### Carousel 走马灯
![Carousel](assets/screenshots/Carousel.png)
![Carousel](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/Carousel.png)
#### Label 标签
![Label](assets/screenshots/Label.png)
![Label](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/Label.png)
#### Popover 气泡卡片
![Popover](assets/screenshots/Popover.png)
![Popover](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/Popover.png)
#### Preview 图片预览
![Preview](assets/screenshots/Preview.png)
![Preview](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/Preview.png)
#### Segmented 分段控制器
![Segmented](assets/screenshots/Segmented.png)
![Segmented](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/Segmented.png)
#### Table 表格
![Table](assets/screenshots/Table.png)
![Table](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/Table.png)
#### Tabs 标签页
![Tabs](assets/screenshots/Tabs.png)
![Tabs](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/Tabs.png)
#### Tag 标签
![Tag](assets/screenshots/Tag.png)
![Tag](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/Tag.png)
#### Timeline 时间轴
![Timeline](assets/screenshots/Timeline.png)
![Timeline](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/Timeline.png)
#### Tooltip 文字提示
![Tooltip](assets/screenshots/Tooltip.png)
![Tooltip](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/Tooltip.png)
#### Tree 树形控件
![Tree](assets/screenshots/Tree.png)
![Tree](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/Tree.png)
### 反馈
#### Alert 警告提示
![Alert](assets/screenshots/Alert.png)
![Alert](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/Alert.png)
#### Drawer 抽屉
![Drawer](assets/screenshots/Drawer.png)
![Drawer](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/Drawer.png)
#### Message 全局提示
![Message](assets/screenshots/Message.png)
![Message](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/Message.png)
#### Modal 对话框
![Modal](assets/screenshots/Modal.png)
![Modal](https://gitee.com/mubaiyanghua/antdui-demo/raw/master/assets/screenshots/Modal.png)
#### Notification 通知提醒框
#### Progress 进度条
#### Spin 加载中