动画更新

package-lock.json

@@ -9,6 +9,7 @@
       "version": "0.1.0",
       "dependencies": {
         "@stomp/stompjs": "^6.1.2",
+        "animate.css": "^4.1.1",
         "axios": "^0.22.0",
         "babel-polyfill": "^6.26.0",
         "core-js": "^3.6.5",
@@ -2846,6 +2847,11 @@
       "integrity": "sha1-l6ERlkmyEa0zaR2fn0hqjsn74KM=",
       "dev": true
     },
+    "node_modules/animate.css": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/animate.css/-/animate.css-4.1.1.tgz",
+      "integrity": "sha512-+mRmCTv6SbCmtYJCN4faJMNFVNN5EuCTTprDTAo7YzIGji2KADmakjVA3+8mVDkZ2Bf09vayB35lSQIex2+QaQ=="
+    },
     "node_modules/ansi-colors": {
       "version": "3.2.4",
       "resolved": "https://registry.npm.taobao.org/ansi-colors/download/ansi-colors-3.2.4.tgz",
@@ -17873,6 +17879,11 @@
       "integrity": "sha1-l6ERlkmyEa0zaR2fn0hqjsn74KM=",
       "dev": true
     },
+    "animate.css": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/animate.css/-/animate.css-4.1.1.tgz",
+      "integrity": "sha512-+mRmCTv6SbCmtYJCN4faJMNFVNN5EuCTTprDTAo7YzIGji2KADmakjVA3+8mVDkZ2Bf09vayB35lSQIex2+QaQ=="
+    },
     "ansi-colors": {
       "version": "3.2.4",
       "resolved": "https://registry.npm.taobao.org/ansi-colors/download/ansi-colors-3.2.4.tgz",

package.json

@@ -9,6 +9,7 @@
   },
   "dependencies": {
     "@stomp/stompjs": "^6.1.2",
+    "animate.css": "^4.1.1",
     "axios": "^0.22.0",
     "babel-polyfill": "^6.26.0",
     "core-js": "^3.6.5",

src/main.js

@@ -18,7 +18,7 @@ Vue.config.productionTip = false;
 // 导数据
 import JsonExcel from 'vue-json-excel';
 Vue.component('downloadExcel', JsonExcel);
-
+import 'animate.css';
 new Vue({
   router,
   store,

src/views/market/patentInfo/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div id="index">
+  <div id="index" class="animate__animated animate__backInRight">
     <admin-frame @search="search" :limit="limit" :total="total" topType="2" :useTop="false" :useNav="false">
       <template v-slot:info>
         <van-col :span="24" class="one">