文档 组件 ANTD PRO VUE 开箱即用的中台前端/设计解决方案 预 览开始使用 1 2 3 4 Feature What canProdo for you 优雅美观 基于Ant Design 体系精心设计 常见设计模式 提炼自中后台应用的典型页面和场景 最新技术栈 使用Vue/vuex/antd 等前端前沿技术开发 响应式 针对不同屏幕大小设计 主题
一、概述 原文地址:https://pro.ant.design/docs/ui-test-cn UI 测试是项目研发流程中的重要一环,有效的测试用例可以梳理业务需求,保证研发的质量和进度,让工程师可以放心的重构代码和新增功能。 Ant Design Pro 封装了一套简洁易用的 React 单元测试和 E2E 测试方案,在项目根目录运行以下命令就能运行测试用例。
距离上次 Pro 发布已经过去了两年,这两年间前端的生态也发生了一些变化, Low-Code 大行其道,Bundleless 也随着 Snowpack,Vite 的发布越来越火热,前端在国际化,权限,数据流和布局方面已经有了最佳实践。 Ant Design Pro 致力于提升中后台的开发体验,在这些领域我们也提出了自己的解决方案。 我们基于以上的问题,...
Ant Design 布局组件# 除了Pro 里的内建布局以外,在一些页面中需要进行布局,可以使用 Ant Design 目前提供的两套布局组件工具:Layout和Grid。 Grid 组件# 栅格布局是网页中最常用的布局,其特点就是按照一定比例划分页面,能够随着屏幕的变化依旧保持比例,从而具有弹性布局的特点。 而Ant Design 的栅格组件提供的功能更...
【后台管理系统】—— Ant Design Pro组件使用(一) 一、搜索Search 搜索框 <Searchplaceholder="请输入关键字"defaultValue={kw&& kw != 'null'? kw : ''} className={styles.search}onChange={() =>this.handleKwChange()} onSearch={(e) => this.handleSearch(e)}...
简介:【Ant Design Pro】使用ant design pro做为你的开发模板(八)开发第一个完整的后台页面 前言 前面,我们从第一章的初识拉取项目一直到本章节的正式完成自己的 ant design pro的第一个页面,一路心酸,但是伙伴们能够看到这里也证明大家很优秀,至少坑被我们踩的差不多了,下来我们就跟随脚步一起写我们的第一个...
Ant Design 作为一个昔日世界第一的 UI 库,影响力自是足够深远。而由官方推出的「开箱即用的中台前端/设计解决方案」—— Ant Design Pro 也日趋成熟。较为遗憾的是 Ant Design Pro 官方并没有提供页面标签化展示的功能,因为当时环境的需要,我走上了这条页面标签化的不归路…… 关键词:Ant Design Pro;Umi;...
Ant Design Pro版中后台原型模板及元件库 ant design tooltip,一.实现效果代码环境:react、typescript、ant-design-reactant-design-react中用到的组件为Form想要实现的效果如下图:上图中:①每个label文字内容后面的问号为自定义的图标②鼠标hover问号图标后,显示的提
Ant Design Pro 使用系列 前言 一、开发前: 1. ProLayout 2. ProForm 3. ProTable 二:开发流程 1. 新建pages页面
【国际化 - Ant Design Pro】 不详查看官方文档的,那就跟我一步一步的往下走。我们来给我们的Home 页面菜单添加上国际化(多语言切换)。 1. 首先我们需要打开 config/config.ts 文件,我们需要配置国际化。 2. 其次,我们需要在src/locales中增加相应的 国际化key。例如: ...