Tag "antd" 相关话题

经验总结

Umi & Ant Design Table组件expandable展开功能踩坑记录

1

Deshun 发布于 1个月前 (12-14) 138℃ 评论(0) 赞 (0)

Umi & Ant Design Table组件expandable展开功能踩坑记录

React 的 Ant Design 的 Table 表格组件有一个 expandable 属性,是展开功能的配置。其中有一个属性 expandedRowClassName ,官方的说明是展开的行,控制属性。但是我加了之后,怎么都渲染不出来。expa...

经验总结

Umi & Ant Design 的Table组件合并单元格及去掉某一列的竖线实现

1

Deshun 发布于 2个月前 (12-08) 158℃ 评论(0) 赞 (0)

Umi & Ant Design 的Table组件合并单元格及去掉某一列的竖线实现

今天接到一个需求,表格要改成这种的:环比分为两列,表头居中对齐,下面单元格右对齐,而且中间的线要去掉。这样就需要用到合并单元格,然后通过样式把边线去掉,这里的根据数值设置字体颜色可以用 render 属性,可以参考:React & Ant Design Tabl...

经验总结

React & Ant Design Table组件自定义单元格文字颜色

1

Deshun 发布于 2个月前 (11-18) 176℃ 评论(0) 赞 (0)

React & Ant Design Table组件自定义单元格文字颜色

Ant Design 自定义列的单元格字体颜色,一般财会项目可能用的的比较多。利用 columns 的 render 属性,可以 return 一个 <span /> 标签,并设置 style ,代码如下:const columns&nb...

经验总结

umi项目antd pro ProLayout添加base或开启hash时菜单不能正常选中的解决方法

Deshun 发布于 3个月前 (11-03) 238℃ 评论(1) 赞 (1)

umi 项目使用 Ant Design Pro ProLayout 组件在添加 base 或开启 hash 时菜单不能正常选中。解决方法:传入 location 即可:const IndexPage: React.FC<BasicLayoutProps> = (props) => {  &...

经验总结

Umi&React动态修改title标题

Deshun 发布于 7个月前 (07-07) 1014℃ 评论(0) 赞 (1)

接上文:Uni&antd的ProLayout布局动态菜单实现及踩坑记录在调整好菜单后,又发现一个问题,打开页面不显示标题,点击菜单的时候才会正常显示标题,再次点击当前菜单,标题又变的不太对了。首次打开不显示标题因为 umirc.ts 配置文件的 route 没有配置 title 配置后显示标题了:routes: [   {   &nbs...

经验总结

Uni&antd的ProLayout布局动态菜单实现及踩坑记录

1

Deshun 发布于 7个月前 (07-06) 1043℃ 评论(0) 赞 (0)

Uni&antd的ProLayout布局动态菜单实现及踩坑记录

ProLayout 高级布局是 Ant Design Pro 中的一个组件,可以提供一个标准又不失灵活的中后台标准布局,同时提供一键切换布局形态,自动生成菜单等功能。页面中需要承载内容时,可以使用 ProLayout 来减少布局成本。项目使用 Umi 开发,Umi 是集成了 An...

经验总结

封装一个图片文件对象转Base64的方法

Deshun 发布于 8个月前 (05-27) 538℃ 评论(0) 赞 (0)

常用的 UI 组件库如 Ant Design 、 Element UI 等都会有的 Upload 组件,支持 change 等事件,但是事件返回的是文件对象,如果需要本地实时预览,就需要转换成 Base64 格式。可以封装一个方法,方便以后的使用。@/utils/getBase64.js/**  * Create by Deshun  *&nb...

经验总结

v-decorator的取值与赋值

Deshun 发布于 2年前 (2020-07-30) 8263℃ 评论(0) 赞 (0)

v-decorator 是 Ant Design 的控件验证属性。经过 getFieldDecorator 或 v-decorator 包装的控件,表单控件会自动添加 value(或 valuePropName 指定的其他属性) onChange(或 trigger 指定的其他属性),数据同步将被 Form 接管,这会导致以下结果:你不再需要也不应该用 on...