fix

package.json

@@ -13,12 +13,13 @@
         "new": "plop"
     },
     "dependencies": {
+        "animate.css": "^4.1.1",
         "axios": "^0.21.0",
         "core-js": "^3.6.4",
         "crypto-js": "^4.0.0",
         "dayjs": "^1.9.4",
         "echarts": "^5.0.0",
-        "element-ui": "^2.14.0",
+        "element-ui": "^2.15.2",
         "file-saver": "^2.0.2",
         "js-cookie": "^2.2.1",
         "nprogress": "^0.2.0",
@@ -46,7 +47,7 @@
         "husky": "^4.3.0",
         "lint-staged": "^10.5.1",
         "plop": "^2.7.4",
-        "sass": "^1.28.0",
+        "sass": "~1.32.1",
         "sass-loader": "^10.0.4",
         "sass-resources-loader": "^2.1.1",
         "stylelint": "^13.7.2",

src/main.js

@@ -7,6 +7,7 @@ import meta from 'vue-meta'
 import dayjs from 'dayjs'
 import Cookies from 'js-cookie'
 import router from './router/index'
+import animated from 'animate.css'
 import api from './api'
 import store from './store/index'
 import '@/assets/styles/index.scss' // global css
@@ -34,6 +35,7 @@ Vue.prototype.msgInfo = function(msg) {
 Vue.use(VueClipboard)
 Vue.use(meta)
 Vue.use(Element, {size: 'small', zIndex: 3000})
+Vue.use(animated)
 
 // 自动加载 svg 图标
 const req = require.context('./assets/icons', false, /\.svg$/)

src/utils/index.js

@@ -195,9 +195,11 @@ export function getCurrentDomain() {
  * @param {boolean} immediate
  * @return {*}
  */
+
 export function debounce(func, wait, immediate) {
+    // eslint-disable-next-line no-unused-vars
     let timeout, args, context, timestamp, result
-
+    // eslint-disable-next-line no-unused-vars
     const later = function() {
         // 据上一次触发时间间隔
         const last = +new Date() - timestamp

src/views/official/index.vue

@@ -26,10 +26,10 @@
             </div>
             <div class="content-header">
                 <div class="left">
-                    <p class="slogan">
+                    <p class="slogan animate__animated animate__fadeInLeftBig">
                         填鸭，待定，SLOGAN
                     </p>
-                    <p class="slogan-desc">
+                    <p class="slogan-desc animate__animated animate__fadeInLeftBig">
                         TDuck - Have what you want,
                         get you income.
                     </p>