记录使用Ant Design Vue过程中遇到的各种难点及教程（不定时更新）

本文为整理记录本人使用Ant Design Vue以后，针对项目中业务需求所遇到的各种难点、BUG、及教程整理。

1、在main.js里面的全局配置notification.config，message.config，我的需求是自动关闭延时秒数延长到6秒，

// 引入Ant Design Vue
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';
Vue.use(Antd);

import { message } from 'ant-design-vue'
Vue.prototype.$message = message;
message.config({
    duration: 5,
});

之前页面会报错：Uncaught ReferenceError: notification is not defined，大概1月初，记不清时间了，有次更新antD-vue以后，我这么写的全局message配置不会报错了，应该是官方修复了吧。

2、一个开箱即用的中后台前端/设计解决方案（主要依赖组件库 ant-design-vue ）
链接：https://github.com/iczer/vue-...

---

以下为使用过程中遇到的API问题：

1、Progress 进度条组件的API里的 strokeColor 参数使用了不生效！而element的 Progress组件的 color 属性用起来是正常的。
然后提交了issue，确认是bug，之后已经修复了，https://github.com/vueCompone...。

2、anchor组件做楼层导航效果的时候有个坑，当时我碰到的问题是：页面往下滚动时，anchor组件做的楼层导航不会吸顶，并没有触发（没有ant-affix类名），正常情况是会吸顶的，即会添加ant-affix类名（此类名是设置固定定位的css）。当时碰到这个问题，找了一下午一晚上都没解决，然后我新建一个vue-demo，在demo里测试时没问题的，可以正常吸顶，然后我发现是我配置的全局样式base.css里的body设置了overflow-x:hidden; 我注释掉这个属性后anchor组件做的楼层导航效果就可以正常触发了。这个真是坑死我了