
antd、antd-mobile
dk123sw
这个作者很懒,什么都没留下…
展开
-
Antd Tabs更改选项卡时销毁 TabPane
利用此属性即可摧毁隐藏的TabPane <Tabs destroyInactiveTabPane>一些题外话 这个属性还挺有用,为什么antd不将此属性加到API里呢?我觉得是出于性能方面的考虑,每次切换我们都要重新创建/销毁DOM,这样做非常消耗性能。而我们创建页面一般目的是重新加载数据,利用onChange 我们即可对数据进行重新加载而不用来回创建DOM,因此antd才没有加此属性。 tabs中英有一点小差异,英文会提示其使用...原创 2021-07-23 18:03:18 · 4665 阅读 · 1 评论 -
Antd DatePicker 限制日期 和 时间
DatePicker 限制日期不麻烦,直接使用disabledDate属性就可以实现,但如果有跨天的时间限制就稍微麻烦些,需要我们处理一些逻辑。具体可以看这里代码注意: 代码实现Antd版本为 3.x , 用4.x的小伙伴实现稍不同 | 我这里只限制到 小时和分钟,如还需要限制到秒需要自己加一些逻辑 <DatePicker showTime={{ format: "HH:mm" }} format="YYYY-MM-DD HH:...原创 2020-07-16 15:38:55 · 6212 阅读 · 4 评论 -
使用antd-mobile ImagePicker组件 七牛上传图片(排坑)
项目需要一个添加多张图片再把图片url传给后台的组件(嘛,照片选取用ImagePicker就好啦)大体样子如下主要问题是在使用七牛取到url之后的存取问题下面主要讨论使用ImagePicker换行时browse_button对应id出现的问题。另外说一下移动端如何让id对应按钮直接调起相机以及图片压缩的方法。(使用七牛js版本为1.x,静态文件方式引入,antd-mobile使用...原创 2018-06-28 18:07:49 · 11101 阅读 · 11 评论 -
结合antd-mobile选择器的行政区三级联动组件
( 如果前面失效 链接: https://pan.baidu.com/s/1oqdihRVTknM_AdzX31oZzg 提取码: 54qx )把上面下载的json文件放到下面同级文件夹下 参考这句引用let districtData = require('./location');老实说实现方法很简单,antd-mobile提供了组件,只是没提供国家行政区数据,我只是把数据‘交给’这个组件罢了。这里使用的是国家标准(GB/T2260),也就是2016年的标准行政区。如果大佬有最新的数据,希望能分享一下。原创 2019-10-12 13:46:20 · 11491 阅读 · 1 评论 -
Antd 表格样式修改
写一下最近使用Antd表格遇到的问题,如果遇到以下问题可以参考 (antd版本为3.16.3)修改表头、列表文字和背景颜色 去掉(修改)鼠标移到某行时的背景 修改选中某行时的文字颜色 设置奇偶行不同背景 看下table的标签,不同配置下有所不同但是主要标签都是相同的,像ant-table-thead代表表头ant-table-tbody代表列表内容。 ......原创 2019-04-24 09:30:31 · 23837 阅读 · 8 评论