記錄使用Ant Design Vue過程當中遇到的各類難點及教程（不定時更新）

本文爲整理記錄本人使用Ant Design Vue之後，針對項目中業務需求所遇到的各類難點、BUG、及教程整理😁。

一、在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配置不會報錯了，應該是官方修復了吧。

二、一個開箱即用的中後臺前端/設計解決方案（主要依賴組件庫 ant-design-vue ）
連接：https://github.com/iczer/vue-...

---

如下爲使用過程當中遇到的API問題：

一、Progress 進度條組件的API裏的 strokeColor 參數使用了不生效！而element的 Progress組件的 color 屬性用起來是正常的。
而後提交了issue，確認是bug，以後已經修復了，https://github.com/vueCompone...。

二、anchor組件作樓層導航效果的時候有個坑，當時我碰到的問題是：頁面往下滾動時，anchor組件作的樓層導航不會吸頂，並無觸發（沒有ant-affix類名），正常狀況是會吸頂的，即會添加ant-affix類名（此類名是設置固定定位的css）。當時碰到這個問題，找了一下午一夜都沒解決，而後我新建一個vue-demo，在demo裏測試時沒問題的，能夠正常吸頂，而後我發現是我配置的全局樣式base.css裏的body設置了overflow-x:hidden; 我註釋掉這個屬性後anchor組件作的樓層導航效果就能夠正常觸發了。這個真是坑死我了😂