ant design pro模板_ant design pro 当中改变ant design 组件的样式和 数据管理

ant design pro 简介

官网简介

Ant Design Pro 是一个企业级中后台前端/设计解决方案，我们秉承 Ant Design 的设计价值观，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。随着『设计者』的不断反馈，我们将持续迭代，逐步沉淀和总结出更多设计模式和相应的代码实现，阐述中后台产品模板/组件/业务场景的最佳实践，也十分期待你的参与和共建。

我的理解

ant design pro 是快速搭建web端的后台管理信息系统的框架，在其中，我们可以使用ant design 这个ui 库，也可以使用框架中提供的很多页面，里面也存在图表等一些组件，让我们不必要画更多时间去学习echart，highchart，这种图表插件。

可能有人会存在疑问，我们通过css来改变ui库的原始css属性没那么容易。ant design pro 提供了一种less写法，我们可以给我们所使用的组件绑定一个class的名字，然后确定element当中我们需要改变样式的元素类名，然后通过嵌套选中的形式，就可以改变我们想改变的元素样式。

第一个问题：改变ant design 的原始样式

less 文件

.and_collapse_list{

td[class='ant-table-row-cell-break-word']{

position: relative;

line-height: 20px;

}

}