首页
万码云课
码上记
小码问答
万码学堂
万码IT教育
TA们在万码
作品墙
大话编程
走向职场
开班信息
搜索
免费试听课
注册/登录
对不起，您还没有登录。视频仅向登录用户开放。
Ant Design pro[设计-模板文档-表单页]
课程介绍
课程目录
本节讨论
1
基本介绍
1、Ant Design背景介绍
11:25
2、设计价值观
10:44
2
安装
1、环境要求
04:24
2、npm安装
09:50
3、基于Vue-CLI使用
09:18
4、运行预览
13:43
3
设计
1、全局样式
13:58
2、全局规则
13:44
3、模板文档-表单页
11:46
4、模板文档-工作台
14:19
5、模板文档-列表页
09:36
6、模板文档-结果页
13:25
7、模板文档-异常页
11:39
8、可视化
14:39
9、动效
11:38
10、图形化
10:53
4
组件介绍
1、Button按钮使用
04:32
2、Icon图标
09:59
3、Grid栅格
09:43
4、Layout布局使用
03:39
5、Navigation使用
09:06
6、Affix固钉
07:51
7、Breadcrumb面包屑
08:39
8、Dropdown下拉菜单
04:43
9、Menu导航菜单
06:00
10、PageHeader页头
12:28
11、Steps步骤条
06:04
12、Cascader级联选择
12:53
13、Checkbox多选
07:56
14、DatePicker日期选择
09:22
15、Form表单
08:04
16、FormModel表单
08:52
17、Input输入框
05:07
18、Mentions
07:21
19、Radiod单选
06:24
20、Rate评分
06:37
21、Select选择器
10:35
22、Slider滑块
06:25
23、Switch 开关
08:41
24、TimePicker时间选择
09:12
25、Transfer穿梭框
04:54
26、TreeSelect树选择
05:16
27、Upload上传
08:19
28、Data Display
10:49
29、Avatar头像
14:08
30、Badge徽标数
11:31
31、Calendar日历
11:53
32、Card卡片
09:54
33、Carousel走马灯
10:30
34、Collapse折叠面板
07:50
35、Comment评论
04:22
36、Descriptions描述列表
06:37
37、Empty空状态
05:01
38、List列表
13:36
39、Popover气泡卡片
14:35
40、Statistic统计数值
05:27
41、Table表格
03:31
42、Tabs标签页
09:35
43、Tag标签
10:41
44、Timeline时间轴
09:43
45、Tooltip文字提示
13:10
46、Tree树形控件
10:02
47、Feedback
07:19
48、Alert警告提示
14:53
49、Drawer抽屉
14:05
50、Message全局提示
10:49
51、Modal对话框
08:29
52、Notification通知提醒框
06:41
53、Popconfirm气泡确认框
04:36
54、Progress进度条
11:18
55、Result结果
04:22
56、Skeleton骨架屏
07:59
57、Spin加载中
11:48
58、Other
08:24
59、Anchor锚点
14:57
60、BackTop回到顶部
11:14
61、ConfigProvider全局化配置
07:58
62、Divider分割线
14:29
5
开发一个实例
1、显示一个数据表格
10:10
2、分页
04:04
3、排序
09:52
4、如何搜索
10:28
5、弹出一个添加数据对话框
07:43
6、实现添加
03:54
7、弹出数据修改对话框
04:40
8、实现修改
08:18
9、实现删除功能
12:33
牛叔叔
好好学习
分享课程
更多
评论
发布评论
基本介绍