- 背景
基于页面友好,界面整洁美观;基于Antd框架开发虾能平台
- 选型
基于Antd-admin工程架构,进行开发;基于Antd+React+Umj
- 采坑记录
- 按照Html方式天机onClick方法,每次初始化时即会调用;正确的写法应该是:
onClick={() =>lookPic(imgs[0])}
- 级联表如何支持,各等级选择;解决方案:
添加次级ALL选项,在选择后的处理上,进行操作确认
3. 时间选择器,支持到秒;使用RangePicker控件
4. AutoComplete被封装后,延迟一步;在onChange方法中加入
this.props.onChange && this.props.onChange(value)
5. 提示使用Title属性
6. 配置当前工程使用hash模式,在umirc中配置,参考文档:https://umijs.org/config/#basic
hashHistory: true,
7. Excel导出,使用xlsx-oc库,简单明了;超过1000条,速度较慢
8. CSV格式导出,速度较快,相比Excel格式
9. 脑图控件,使用第三方库:jsmind
10. 如何接入less
import styles from './jsmind.less'
class={styles}
11. React如何初始化控件,尤其是第三方js库控件,使用componentDidMount方法
12. svg格式Iconfont的调用
require('../../../src/svg/svglocal/yuqing.svg')
numbers.push({icon:"yuqing", color:"#64ea91", title:"一周舆情量", number:120, url:feedbackUrl})
<Iconfont className={styles.iconWarp} colorful style={{ color }} type={icon}
13. 数据可视化,使用bizcharts http://bizcharts.net/index
。。。。。。。。。。先写这些