react(ant-design-pro)项目问题小结
组件默认样式怎么改
一个组件渲染之后可能有很多内容,这些内容是无法在写的时候加类名的,所以,渲染页面上之后,查看代码,根据它渲染元素的类名在index.less里边覆盖样式就好了,覆盖不了的话就只能用万能的!important了。
熟练:before和:after
超有用。项目基本完成之后,设计竟然要求表格下边的分页和一个差异超大的框架(kendo)分页样式统一,原来的分页是ant-design里table属性,重写是不可能的,那意味着我项目要改太多东西了,只能改了。虽然ant-design提供了重定义样式的方法,还是不能达到标准,比如某个元素比人家多两个字。。。无奈,字又不是写进去的,组件自带的,所以,只能给组件加个after, 定义好宽高背景色,定位到字上边覆盖住,哈哈哈,机智了,,开心,自从改完了这里,before和after真是666666666666了。
布局
实现元素UI展示有间隙,可以宽度定,元素挨着,用padding造成视觉上间隙,border也可以