ant design4.40-web组件库+ant design pro后台模板(精作)

编辑推荐

本作品历时半年之久,为了交互效果和页面做到极致,研究蚂蚁金服组件细腻的交互体验,为了后期复用的便捷性,大部分采用中继器和表达式来体现,使用过程中只需修改部分参数。本套控件交互和页面效果百分之九十以上可达到蚂蚁金服元件库1:1效果,如果您在使用过程中发现不完美的地方,反馈给我,我们共同学习进步,希望本套控件能给您在工作中起到帮助。

本作品基于:https://ant.design/components/overview-cn二次创作,版权归原作者所有。作品包含ant design元件库及ant design pro中后台

元件库内容包含:

基础控件

Button按钮、Icon图标(400+可编辑图标)、Typography排版

布局

Grid删格、layout布局、space间距

导航

affix固钉、breadcrumb面包屑、dropdown下拉菜单、menu导航菜单、pagination分页、steps步骤条、

数据录入

autocomplete自动完成、checkbox多选框、cascader级联选择、datepicker日期选择框、form表单、inputnumber数字输入框、input输入框、mentions提及、rate评分、radio单选框、switch开关、slider滑动输入框、select选择器、treeselect树选择、transfer穿梭框、timepicker时间选择框、upload上传

数据展示

avatar头像、badge徽标数、comment评论、collapse折叠面板、carousel走马灯、card卡片、calendar日历、deacriptions描述列表、empty列表、popover气泡卡片、statistic统计数值、tree树形控件、tooltip文字提示、timeline时间轴、tag标签、tabs标签页、table表格

反馈

alert警告提示、drawer抽屉、modal对话框、message全局提示、notification通知提醒框、progress进度条、popconfirm气泡确认框、resule结果、spin加载中、skeleton骨架屏

其他

anchor锚点、backtop回到顶部、configprovider全局化配置、dicider分割线

后台模板包含:

基础页面

注册登录页,后台框架菜单

dashboard

分析页,监控页,工作台

统计报表

viserChartDemo,布局统计报表,项目性质收入统计,月度增长分析同比,online数据报表

表单页

基础表单,分布表单,高级表单

列表页

文章,项目,引用,查询表格,标准列表,卡片列表

详情页

基础详情页,高级详情页

结果页

成功页,失败页

异常页

403页面,402页面,500页面

个人页

个人中心,个人设置

系统管理

用户管理,角色管理,菜单管理,部门管理,职位管理,系统通告

作品一次购买,永久免费更新升级,定期更新 , 限时特价。

由于上传文件大小有限,有需要ant design pro后台框架模板.rplib文件的,购买后请加我QQ:1292993193,凭购买记录,发送。

现阶段性赠送:highcharts图表一套(本人中继器编写,)发送购买记录加QQ即可获得,赠送100套

购买者使用过程中有不理解的地方可以凭购买单号记录进群:ant design售后群,交流学习!

作品设计尺寸1920*1080

作品名称:Ant Design组件库    Ant Design pro 中后台模板库

2022-9-8

  • JIM信息
  • Tomcat信息
  • 服务器信息
  • 请求追踪
  • 我的消息

2022-8-23

  • 添加日志管理(登录日志、操作日志)
  • redis监控

2022-8-08

  •  新增多数据源管理页面
  • 新增数据日志页面

2022-7-24

  • 新增系统监控模块
  • 新增网管路由、定时任务页面

2022-7-10

  • online会签子流程
  • online请假单

2022-6-16

  • 请假审批
  • 批量申请

2022-06-02

  • 新增公文发文页面
  • 借款申请页面

2022-5-16

  • 新增业务办理模块
  • 出差申请(新增、详情、审批进度)
  • 请假申请(新增、详情、审批进度)

2022-4-22

  • 新增Segmented分段控制器组件

2022-3-24

  • 新增数据字典页面,字典列表,页面增删减

2022-3-9

  • 新增考勤统计,考勤图表分析页面;

2022-2-21

  • 菜单搜索列表页bug修复,新增考勤规则模块;

2022-1-18

  • 优化中后台左侧菜单交互方式,提高工作效率,新增外勤页面;

2022-1-4

  • 新增考勤管理模块、打卡、补卡页面;

2021-12-21

  • 新增会议室使用情况
  • 会议室增删减
  • 会议室管理

2021-12-06

  • 日程计划;
  • 日程计划列表;

2021-11-21

  • DatePicker日期选择框;更新新增日期格式、选择时间段;
  • Calendar日历;更新卡片模式、新增自定义头部;
  • 中后台增加通讯录页DatePicker日期选择框;

2021-11-07

  • 企业门户;
  • 我的邮箱;

2021-10-17

  • 新增redis监控模块;
  • 新增oa流程门户模块;

2021-9-26

  • Tree树形控件更新至最新新样式,优化交互,同步至组件库;
  • Dropdown拉菜单更新至新样式,优化交互,同步至组件库;
  • Checkbox多选框调整交互样式,复用修改更加方便,同步至组件库;
  • TimePicker时间选择框更新至最新新样式,优化交互,同步至组件库;
  • Empty空状态,修改之前的图片,改为可编辑元素,同步至组件库;
  • Statistic统计数值优化更新至最新样式,优化交互,同步至组件库;

2021-9-5

  • 调整表单模块
  • 新增自定义表单控件
  • 新增多表单联动
  • 新增内联登录框
  • 新增登录框
  • 新增注册新用户表单
  • 新增高级搜索

2021-8-3

  • 新增消息中心模块
  • 新增消息管理模块
  • 新增模板管理模块
  • 调整中后台后补,定义母版

2021-7-20

  • 补充添加组件image图片模块
  • 基本样式
  • 容错处理
  • 渐进加载
  • 多张图片预览
  • 自定义图片

2021-7-1

  • button按钮:更新至最新样式
  • space间距中:新增分隔符
  • dropdown 下拉菜单:调更新至最新样式
  • inputnumber数字输入框:调更新至最新样式;新增无边框、超出边界样式
  • mentions提及:新增自动大小组件、调整向上展开
  • treeselect数选择:整体调整,细节调整
  • upload 上传:模块调整,新增:自定义交互图标模块/上传前裁切图片
  • Avatar头像 :调整更新为最新样式;新增avatar.group、响应式尺寸样式
  • Badge徽标数 :调整更新至最新样式;新增大小、缎带样式
  • collapse 折叠面板:调整更新至最新样式;新增幽灵折叠面板

2021-6-16 新增

  • 内联编辑表格
  • 角色列表
  • 权限列表

2021-5-26 新增通用icon 131个

2021-5-12 新增个人办公模块

  • 我的任务、任务组、历史任务;
  • 流程办理、附加单据、任务处理、流程图;
  • 发送任务
  • 我的抄送

2021-4-08 更新

  • 新增部门管理
  • 职位管理
  • 系统通告
  • 同步新增模块到菜单模板中

2021-3-24 更新

  • pro新增系统管理管理(新增用户管理,角色管理,菜单管理页面,同步新增模块到菜单,调整优化,菜单模板中交互)
  • 近两次跟新没有录屏和上图,效果请实操,真实体验

2021-3-8 更新

  • pro菜单样式4套,适配pro后台模板,替换只需拷贝至pro后台模板中,页面交互样式已关联;
  • pro中新增新增统计报表模块(viserChartDemo,布局统计报表,项目性质收入统计,月度增长分析同比Online数据报表);

2021-2-18  更新

  • 新增表单注册流程一套(账号登录,扫码登录,找回密码,忘记用户名)

2021-1-24更新

  • 增加输入框聚焦、无边框样式;增加可拖拽对话框、自定义模态宽度、更新通知提醒模块样式,增加自定义样式、上下左右位置提示框,更新消息内容、获取上下文、增加回到顶部样式;气泡确认框增加异步关闭

2021-1-10 更新

  • 新增配色色卡,更新Button按钮样式,更新新增分页样式多套,新增表单样式动态增减表单,新增下拉菜单箭头组,新增省市级级联(带数据),新增带进度步骤条。

2020-12-22更新

  • pro 注册页表单、个人中心页面,pro框架内容已全部更新完成,欢迎新老用户下载更新。

更新时间:2020-12-22

2020-11-27更新pro 基础详情页、高级详情页、成功页、失败页、异常页。

2020-11-23 更新pro  监控页,工作台,基础表单,分布表单,高级表单,搜索列表(文章),搜索列表(项目),搜索列表(应用),

查询表格,标准列表,卡片列表内容;

2020-11-09开始更新ant design pro内容:主要搭建整体框架和分析页面全部内容。

以下为元件库作品实际运行截图(共计62个大模块内容多显示不全)

实际效果请预览查看

44 条评论 发表评论

压缩包里有两个文件,考虑到上传文件大小限制的问题,为了能够更新更多的内容,本次更新内容都在,rp文件中,.rplibib文件中没有放进去,复制粘贴就可以了,不影响

感谢评价,会出的,到时候通知你,发出来的我会做到尽量做到完美,能够帮助到你们我也很开心

压缩包里一共有两个文件,一个是.relib(里面是ant design的文件),一个是.RP文件,由于商城上传文件控制的要求,为了更新更多的内容,后续更新的作品有导出.relib文件,但是,在RP文件中都已经归类好了,所有的文件都在,你只需要复制粘贴过去就可以啦

由于商城长传文件大小有要求,目前ant design有relib文件,ant designPro后台框架,没有输出,relib文件,但是里面的架构都是分组好的,你预览是什么样,下载下来就是什么样,你可以直接粘贴到你的relib文件中

图表没有放到组件库文件中,在ant design pro 统计报表模块中,第一项就是,需要复制到你的内容中去即可,不清楚的可进售后群

我刚看了一下,没有问题的,检查一下你的操作是否有问题,仔细看一下实例里面的交互,看看是不是拷贝的时候丢东西了

请问拖出来的表格(带搜索排序的那种),怎么调整里面行项目的宽度,鼠标无法拖动调整?

看是不是用中继器做的,如果是用中继器做的,双击进入中继器中就可以拖动调整了

发表评论

以下作品你可能也喜欢:
推荐

智慧生态环保平台是对全省污染源、空气质量、水体质量进行统一监控。 空气质量监测 空气地图 大气质量考核 水质监测 污染源监控 污染源统计 决策辅助

售价:¥ 66.00 销量: 30 4255
推荐

如何提升画原型的效率?如何快速跳出原型的“枷锁”,从而把更多的时间放在产品思维和产品本身商业模式上? 这是初入职场的产品新人常有的担忧,也是产品老司机一直想解决的问题。 作为资深非著名产品狗,深感那些年踩过的坑,呕心沥血,花费近两个月的时间…

售价:¥ 89.90 销量: 66 4173
推荐

该原型是知识竞猜、在线答题的原型,使用非常简单,所有交互都已经设定好,您只需要在中继器中导入问题、答案、每题的分数即可完成!【原型效果】[video width="1120" height="1080" mp4="https://cdn2.…

售价:¥ 99.00 销量: 34 3424
推荐

一、作品说明 校园资讯、视频、文章、活动、圈子、投票、服务、专区移动端原型主要为设计、开发、测试、运营人员明确校园资讯活动服务平台的需求,以确保对行业的了解,熟悉具体的业务流程、原型设计、交互方法。 二、应用领域 原型可以应用校园资讯、视频…

售价:¥ 99.00 销量: 5 2954
推荐

软件版本:Axure 9 页面数量:66 作品大小:8MB 当前版本:V1.4 作品类型:管理系统 主要适用:Web端 作者:七尾原型工作室 关键词: 高保真 会员管理 SCMR 客户关系管理 营销 数据报表 ant design 中后台 …

售价:¥ 58.00 销量: 131 13993