zls

package-lock.json

       "integrity": "sha1-K1o6s/kYzKSKjHVMCBaOPwPrphs=",
       "dev": true
     },
-    "@sindresorhus/is": {
-      "version": "0.7.0",
-      "resolved": "https://registry.npm.taobao.org/@sindresorhus/is/download/@sindresorhus/is-0.7.0.tgz",
-      "integrity": "sha1-mgb08TfuhNffBGDB/bETX/psUP0="
-    },
     "@soda/friendly-errors-webpack-plugin": {
       "version": "1.7.1",
       "resolved": "https://registry.npm.taobao.org/@soda/friendly-errors-webpack-plugin/download/@soda/friendly-errors-webpack-plugin-1.7.1.tgz",
         "schema-utils": "^1.0.0"
       }
     },
-    "cacheable-request": {
-      "version": "2.1.4",
-      "resolved": "https://registry.npm.taobao.org/cacheable-request/download/cacheable-request-2.1.4.tgz",
-      "integrity": "sha1-DYCIAbY0KtM8kd+dC0TcCbkeXD0=",
-      "requires": {
-        "clone-response": "1.0.2",
-        "get-stream": "3.0.0",
-        "http-cache-semantics": "3.8.1",
-        "keyv": "3.0.0",
-        "lowercase-keys": "1.0.0",
-        "normalize-url": "2.0.1",
-        "responselike": "1.0.2"
-      },
-      "dependencies": {
-        "get-stream": {
-          "version": "3.0.0",
-          "resolved": "http://registry.npm.taobao.org/get-stream/download/get-stream-3.0.0.tgz",
-          "integrity": "sha1-jpQ9E1jcN1VQVOy+LtsFqhdO3hQ="
-        },
-        "lowercase-keys": {
-          "version": "1.0.0",
-          "resolved": "https://registry.npm.taobao.org/lowercase-keys/download/lowercase-keys-1.0.0.tgz",
-          "integrity": "sha1-TjNms55/VFfjXxMkvfb4jQv8cwY="
-        },
-        "normalize-url": {
-          "version": "2.0.1",
-          "resolved": "http://registry.npm.taobao.org/normalize-url/download/normalize-url-2.0.1.tgz",
-          "integrity": "sha1-g1qdoVUfom9w6SMpBpojqmV01+Y=",
-          "requires": {
-            "prepend-http": "^2.0.0",
-            "query-string": "^5.0.1",
-            "sort-keys": "^2.0.0"
-          }
-        }
-      }
-    },
     "call-me-maybe": {
       "version": "1.0.1",
       "resolved": "http://registry.npm.taobao.org/call-me-maybe/download/call-me-maybe-1.0.1.tgz",
       "integrity": "sha1-2jCcwmPfFZlMaIypAheco8fNfH4=",
       "dev": true
     },
-    "clone-response": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npm.taobao.org/clone-response/download/clone-response-1.0.2.tgz",
-      "integrity": "sha1-0dyXOSAxTfZ/vrlCI7TuNQI56Ws=",
-      "requires": {
-        "mimic-response": "^1.0.0"
-      }
-    },
     "coa": {
       "version": "2.0.2",
       "resolved": "http://registry.npm.taobao.org/coa/download/coa-2.0.2.tgz",
     "core-util-is": {
       "version": "1.0.2",
       "resolved": "http://registry.npm.taobao.org/core-util-is/download/core-util-is-1.0.2.tgz",
-      "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac="
+      "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=",
+      "dev": true
     },
     "cosmiconfig": {
       "version": "5.2.1",
     "decode-uri-component": {
       "version": "0.2.0",
       "resolved": "http://registry.npm.taobao.org/decode-uri-component/download/decode-uri-component-0.2.0.tgz",
-      "integrity": "sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU="
-    },
-    "decompress-response": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npm.taobao.org/decompress-response/download/decompress-response-3.3.0.tgz",
-      "integrity": "sha1-gKTdMjdIOEv6JICDYirt7Jgq3/M=",
-      "requires": {
-        "mimic-response": "^1.0.0"
-      }
+      "integrity": "sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU=",
+      "dev": true
     },
     "deep-equal": {
       "version": "1.0.1",
       "integrity": "sha1-rOb/gIwc5mtX0ev5eXessCM0z8E=",
       "dev": true
     },
-    "duplexer3": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npm.taobao.org/duplexer3/download/duplexer3-0.1.4.tgz",
-      "integrity": "sha1-7gHdHKwO08vH/b6jfcCo8c4ALOI="
-    },
     "duplexify": {
       "version": "3.7.1",
       "resolved": "https://registry.npm.taobao.org/duplexify/download/duplexify-3.7.1.tgz",
       "version": "2.3.0",
       "resolved": "http://registry.npm.taobao.org/from2/download/from2-2.3.0.tgz",
       "integrity": "sha1-i/tVAr3kpNNs/e6gB/zKIdfjgq8=",
+      "dev": true,
       "requires": {
         "inherits": "^2.0.1",
         "readable-stream": "^2.0.0"
         "slash": "^2.0.0"
       }
     },
-    "got": {
-      "version": "8.3.2",
-      "resolved": "https://registry.npm.taobao.org/got/download/got-8.3.2.tgz",
-      "integrity": "sha1-HSP2Q5Dpf3dsrFLluTbl9RTS6Tc=",
-      "requires": {
-        "@sindresorhus/is": "^0.7.0",
-        "cacheable-request": "^2.1.1",
-        "decompress-response": "^3.3.0",
-        "duplexer3": "^0.1.4",
-        "get-stream": "^3.0.0",
-        "into-stream": "^3.1.0",
-        "is-retry-allowed": "^1.1.0",
-        "isurl": "^1.0.0-alpha5",
-        "lowercase-keys": "^1.0.0",
-        "mimic-response": "^1.0.0",
-        "p-cancelable": "^0.4.0",
-        "p-timeout": "^2.0.1",
-        "pify": "^3.0.0",
-        "safe-buffer": "^5.1.1",
-        "timed-out": "^4.0.1",
-        "url-parse-lax": "^3.0.0",
-        "url-to-options": "^1.0.1"
-      },
-      "dependencies": {
-        "get-stream": {
-          "version": "3.0.0",
-          "resolved": "http://registry.npm.taobao.org/get-stream/download/get-stream-3.0.0.tgz",
-          "integrity": "sha1-jpQ9E1jcN1VQVOy+LtsFqhdO3hQ="
-        },
-        "pify": {
-          "version": "3.0.0",
-          "resolved": "http://registry.npm.taobao.org/pify/download/pify-3.0.0.tgz",
-          "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY="
-        }
-      }
-    },
     "graceful-fs": {
       "version": "4.2.2",
       "resolved": "https://registry.npm.taobao.org/graceful-fs/download/graceful-fs-4.2.2.tgz",
       "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
       "dev": true
     },
-    "has-symbol-support-x": {
-      "version": "1.4.2",
-      "resolved": "https://registry.npm.taobao.org/has-symbol-support-x/download/has-symbol-support-x-1.4.2.tgz",
-      "integrity": "sha1-FAn5i8ACR9pF2mfO4KNvKC/yZFU="
-    },
     "has-symbols": {
       "version": "1.0.0",
       "resolved": "http://registry.npm.taobao.org/has-symbols/download/has-symbols-1.0.0.tgz",
       "integrity": "sha1-uhqPGvKg/DllD1yFA2dwQSIGO0Q=",
       "dev": true
     },
-    "has-to-string-tag-x": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npm.taobao.org/has-to-string-tag-x/download/has-to-string-tag-x-1.4.1.tgz",
-      "integrity": "sha1-oEWrOD17SyASoAFIqwql8pAETU0=",
-      "requires": {
-        "has-symbol-support-x": "^1.4.1"
-      }
-    },
     "has-value": {
       "version": "1.0.0",
       "resolved": "http://registry.npm.taobao.org/has-value/download/has-value-1.0.0.tgz",
         }
       }
     },
-    "http-cache-semantics": {
-      "version": "3.8.1",
-      "resolved": "https://registry.npm.taobao.org/http-cache-semantics/download/http-cache-semantics-3.8.1.tgz",
-      "integrity": "sha1-ObDhat2bYFvwqe89nar0hDtMrNI="
-    },
     "http-deceiver": {
       "version": "1.2.7",
       "resolved": "http://registry.npm.taobao.org/http-deceiver/download/http-deceiver-1.2.7.tgz",
     "inherits": {
       "version": "2.0.4",
       "resolved": "https://registry.npm.taobao.org/inherits/download/inherits-2.0.4.tgz?cache=0&sync_timestamp=1560975547815&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Finherits%2Fdownload%2Finherits-2.0.4.tgz",
-      "integrity": "sha1-D6LGT5MpF8NDOg3tVTY6rjdBa3w="
+      "integrity": "sha1-D6LGT5MpF8NDOg3tVTY6rjdBa3w=",
+      "dev": true
     },
     "inquirer": {
       "version": "6.5.1",
         }
       }
     },
-    "into-stream": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npm.taobao.org/into-stream/download/into-stream-3.1.0.tgz",
-      "integrity": "sha1-lvsKk2wSur1v8XUqF9BWFqvQlMY=",
-      "requires": {
-        "from2": "^2.1.1",
-        "p-is-promise": "^1.1.0"
-      },
-      "dependencies": {
-        "p-is-promise": {
-          "version": "1.1.0",
-          "resolved": "https://registry.npm.taobao.org/p-is-promise/download/p-is-promise-1.1.0.tgz",
-          "integrity": "sha1-nJRWmJ6fZYgBewQ01WCXZ1w9oF4="
-        }
-      }
-    },
     "invariant": {
       "version": "2.2.4",
       "resolved": "http://registry.npm.taobao.org/invariant/download/invariant-2.2.4.tgz",
       "integrity": "sha1-PkcprB9f3gJc19g6iW2rn09n2w8=",
       "dev": true
     },
-    "is-object": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npm.taobao.org/is-object/download/is-object-1.0.1.tgz",
-      "integrity": "sha1-iVJojF7C/9awPsyF52ngKQMINHA="
-    },
     "is-path-cwd": {
       "version": "2.2.0",
       "resolved": "https://registry.npm.taobao.org/is-path-cwd/download/is-path-cwd-2.2.0.tgz?cache=0&sync_timestamp=1562347283002&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fis-path-cwd%2Fdownload%2Fis-path-cwd-2.2.0.tgz",
     "is-plain-obj": {
       "version": "1.1.0",
       "resolved": "https://registry.npm.taobao.org/is-plain-obj/download/is-plain-obj-1.1.0.tgz",
-      "integrity": "sha1-caUMhCnfync8kqOQpKA7OfzVHT4="
+      "integrity": "sha1-caUMhCnfync8kqOQpKA7OfzVHT4=",
+      "dev": true
     },
     "is-plain-object": {
       "version": "2.0.4",
       "integrity": "sha1-+xj4fOH+uSUWnJpAfBkxijIG7Yg=",
       "dev": true
     },
-    "is-retry-allowed": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npm.taobao.org/is-retry-allowed/download/is-retry-allowed-1.1.0.tgz",
-      "integrity": "sha1-EaBgVotnM5REAz0BJaYaINVk+zQ="
-    },
     "is-stream": {
       "version": "1.1.0",
       "resolved": "https://registry.npm.taobao.org/is-stream/download/is-stream-1.1.0.tgz",
     "isarray": {
       "version": "1.0.0",
       "resolved": "https://registry.npm.taobao.org/isarray/download/isarray-1.0.0.tgz?cache=0&sync_timestamp=1562592096220&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fisarray%2Fdownload%2Fisarray-1.0.0.tgz",
-      "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE="
+      "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=",
+      "dev": true
     },
     "isexe": {
       "version": "2.0.0",
       "integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=",
       "dev": true
     },
-    "isurl": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npm.taobao.org/isurl/download/isurl-1.0.0.tgz",
-      "integrity": "sha1-sn9PSfPNqj6kSgpbfzRi5u3DnWc=",
-      "requires": {
-        "has-to-string-tag-x": "^1.2.0",
-        "is-object": "^1.0.1"
-      }
-    },
     "javascript-stringify": {
       "version": "1.6.0",
       "resolved": "https://registry.npm.taobao.org/javascript-stringify/download/javascript-stringify-1.6.0.tgz",
       "integrity": "sha1-gFZNLkg9rPbo7yCWUKZ98/DCg6Q=",
       "dev": true
     },
-    "json-buffer": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npm.taobao.org/json-buffer/download/json-buffer-3.0.0.tgz",
-      "integrity": "sha1-Wx85evx11ne96Lz8Dkfh+aPZqJg="
-    },
     "json-parse-better-errors": {
       "version": "1.0.2",
       "resolved": "http://registry.npm.taobao.org/json-parse-better-errors/download/json-parse-better-errors-1.0.2.tgz",
         "verror": "1.10.0"
       }
     },
-    "keyv": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npm.taobao.org/keyv/download/keyv-3.0.0.tgz",
-      "integrity": "sha1-RJI7o55osSp87H32wyaMAx8u83M=",
-      "requires": {
-        "json-buffer": "3.0.0"
-      }
-    },
     "killable": {
       "version": "1.0.1",
       "resolved": "http://registry.npm.taobao.org/killable/download/killable-1.0.1.tgz",
       "integrity": "sha1-miyr0bno4K6ZOkv31YdcOcQujqw=",
       "dev": true
     },
-    "lowercase-keys": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npm.taobao.org/lowercase-keys/download/lowercase-keys-1.0.1.tgz",
-      "integrity": "sha1-b54wtHCE2XGnyCD/FabFFnt0wm8="
-    },
     "lru-cache": {
       "version": "4.1.5",
       "resolved": "http://registry.npm.taobao.org/lru-cache/download/lru-cache-4.1.5.tgz",
       "integrity": "sha1-ftLCzMyvhNP/y3pptXcR/CCDQBs=",
       "dev": true
     },
-    "mimic-response": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npm.taobao.org/mimic-response/download/mimic-response-1.0.1.tgz",
-      "integrity": "sha1-SSNTiHju9CBjy4o+OweYeBSHqxs="
-    },
     "mini-css-extract-plugin": {
       "version": "0.6.0",
       "resolved": "https://registry.npm.taobao.org/mini-css-extract-plugin/download/mini-css-extract-plugin-0.6.0.tgz?cache=0&sync_timestamp=1563310319732&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmini-css-extract-plugin%2Fdownload%2Fmini-css-extract-plugin-0.6.0.tgz",
         "minimist": "0.0.8"
       }
     },
+    "moment": {
+      "version": "2.24.0",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.24.0.tgz",
+      "integrity": "sha512-bV7f+6l2QigeBBZSM/6yTNq4P2fNpSWj/0e7jQcy87A8e7o2nAfP/34/2ky5Vw4B9S446EtIhodAzkFCcR4dQg=="
+    },
     "move-concurrently": {
       "version": "1.0.1",
       "resolved": "http://registry.npm.taobao.org/move-concurrently/download/move-concurrently-1.0.1.tgz",
     "object-assign": {
       "version": "4.1.1",
       "resolved": "http://registry.npm.taobao.org/object-assign/download/object-assign-4.1.1.tgz",
-      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
+      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
+      "dev": true
     },
     "object-copy": {
       "version": "0.1.0",
       "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=",
       "dev": true
     },
-    "p-cancelable": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npm.taobao.org/p-cancelable/download/p-cancelable-0.4.1.tgz",
-      "integrity": "sha1-NfNj1n1SCByNlYXje8zrfgu8sqA="
-    },
     "p-defer": {
       "version": "1.0.0",
       "resolved": "https://registry.npm.taobao.org/p-defer/download/p-defer-1.0.0.tgz?cache=0&sync_timestamp=1559922734651&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fp-defer%2Fdownload%2Fp-defer-1.0.0.tgz",
     "p-finally": {
       "version": "1.0.0",
       "resolved": "https://registry.npm.taobao.org/p-finally/download/p-finally-1.0.0.tgz",
-      "integrity": "sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4="
+      "integrity": "sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4=",
+      "dev": true
     },
     "p-is-promise": {
       "version": "2.1.0",
         "retry": "^0.12.0"
       }
     },
-    "p-timeout": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npm.taobao.org/p-timeout/download/p-timeout-2.0.1.tgz",
-      "integrity": "sha1-2N0ZeVldLcATnh/ka4tkbLPN8Dg=",
-      "requires": {
-        "p-finally": "^1.0.0"
-      }
-    },
     "p-try": {
       "version": "1.0.0",
       "resolved": "http://registry.npm.taobao.org/p-try/download/p-try-1.0.0.tgz",
     "prepend-http": {
       "version": "2.0.0",
       "resolved": "https://registry.npm.taobao.org/prepend-http/download/prepend-http-2.0.0.tgz",
-      "integrity": "sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc="
+      "integrity": "sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc=",
+      "dev": true
     },
     "prettier": {
       "version": "1.16.3",
     "process-nextick-args": {
       "version": "2.0.1",
       "resolved": "https://registry.npm.taobao.org/process-nextick-args/download/process-nextick-args-2.0.1.tgz",
-      "integrity": "sha1-eCDZsWEgzFXKmud5JoCufbptf+I="
+      "integrity": "sha1-eCDZsWEgzFXKmud5JoCufbptf+I=",
+      "dev": true
     },
     "progress": {
       "version": "2.0.3",
       "version": "5.1.1",
       "resolved": "https://registry.npm.taobao.org/query-string/download/query-string-5.1.1.tgz?cache=0&sync_timestamp=1564173124567&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fquery-string%2Fdownload%2Fquery-string-5.1.1.tgz",
       "integrity": "sha1-p4wBK3HBfgXy4/ojGd0zBoLvs8s=",
+      "dev": true,
       "requires": {
         "decode-uri-component": "^0.2.0",
         "object-assign": "^4.1.0",
       "version": "2.3.6",
       "resolved": "https://registry.npm.taobao.org/readable-stream/download/readable-stream-2.3.6.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Freadable-stream%2Fdownload%2Freadable-stream-2.3.6.tgz",
       "integrity": "sha1-sRwn2IuP8fvgcGQ8+UsMea4bCq8=",
+      "dev": true,
       "requires": {
         "core-util-is": "~1.0.0",
         "inherits": "~2.0.3",
         "safe-buffer": {
           "version": "5.1.2",
           "resolved": "https://registry.npm.taobao.org/safe-buffer/download/safe-buffer-5.1.2.tgz",
-          "integrity": "sha1-mR7GnSluAxN0fVm9/St0XDX4go0="
+          "integrity": "sha1-mR7GnSluAxN0fVm9/St0XDX4go0=",
+          "dev": true
         },
         "string_decoder": {
           "version": "1.1.1",
           "resolved": "https://registry.npm.taobao.org/string_decoder/download/string_decoder-1.1.1.tgz",
           "integrity": "sha1-nPFhG6YmhdcDCunkujQUnDrwP8g=",
+          "dev": true,
           "requires": {
             "safe-buffer": "~5.1.0"
           }
       "integrity": "sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=",
       "dev": true
     },
-    "responselike": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npm.taobao.org/responselike/download/responselike-1.0.2.tgz",
-      "integrity": "sha1-kYcg7ztjHFZCvgaPFa3lpG9Loec=",
-      "requires": {
-        "lowercase-keys": "^1.0.0"
-      }
-    },
     "restore-cursor": {
       "version": "2.0.0",
       "resolved": "https://registry.npm.taobao.org/restore-cursor/download/restore-cursor-2.0.0.tgz",
     "safe-buffer": {
       "version": "5.2.0",
       "resolved": "https://registry.npm.taobao.org/safe-buffer/download/safe-buffer-5.2.0.tgz",
-      "integrity": "sha1-t02uxJsRSPiMZLaNSbHoFcHy9Rk="
+      "integrity": "sha1-t02uxJsRSPiMZLaNSbHoFcHy9Rk=",
+      "dev": true
     },
     "safe-regex": {
       "version": "1.1.0",
         }
       }
     },
-    "social-share.js": {
-      "version": "1.0.16",
-      "resolved": "https://registry.npm.taobao.org/social-share.js/download/social-share.js-1.0.16.tgz",
-      "integrity": "sha1-H9SpHEbIxoNWcPEUcuyy4pMhUxA="
-    },
     "sockjs": {
       "version": "0.3.19",
       "resolved": "http://registry.npm.taobao.org/sockjs/download/sockjs-0.3.19.tgz",
       "version": "2.0.0",
       "resolved": "https://registry.npm.taobao.org/sort-keys/download/sort-keys-2.0.0.tgz?cache=0&sync_timestamp=1565864727994&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsort-keys%2Fdownload%2Fsort-keys-2.0.0.tgz",
       "integrity": "sha1-ZYU1WEhh7JfXMNbPQYIuH1ZoQSg=",
+      "dev": true,
       "requires": {
         "is-plain-obj": "^1.0.0"
       }
     "strict-uri-encode": {
       "version": "1.1.0",
       "resolved": "http://registry.npm.taobao.org/strict-uri-encode/download/strict-uri-encode-1.1.0.tgz",
-      "integrity": "sha1-J5siXfHVgrH1TmWt3UNS4Y+qBxM="
+      "integrity": "sha1-J5siXfHVgrH1TmWt3UNS4Y+qBxM=",
+      "dev": true
     },
     "string-width": {
       "version": "2.1.1",
       "integrity": "sha1-9d9zJFNAewkZHa5z4qjMc/OBqCY=",
       "dev": true
     },
-    "timed-out": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npm.taobao.org/timed-out/download/timed-out-4.0.1.tgz",
-      "integrity": "sha1-8y6srFoXW+ol1/q1Zas+2HQe9W8="
-    },
     "timers-browserify": {
       "version": "2.0.11",
       "resolved": "https://registry.npm.taobao.org/timers-browserify/download/timers-browserify-2.0.11.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftimers-browserify%2Fdownload%2Ftimers-browserify-2.0.11.tgz",
         "requires-port": "^1.0.0"
       }
     },
-    "url-parse-lax": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npm.taobao.org/url-parse-lax/download/url-parse-lax-3.0.0.tgz",
-      "integrity": "sha1-FrXK/Afb42dsGxmZF3gj1lA6yww=",
-      "requires": {
-        "prepend-http": "^2.0.0"
-      }
-    },
-    "url-to-options": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npm.taobao.org/url-to-options/download/url-to-options-1.0.1.tgz",
-      "integrity": "sha1-FQWgOiiaSMvXpDTvuu7FBV9WM6k="
-    },
     "use": {
       "version": "3.1.1",
       "resolved": "http://registry.npm.taobao.org/use/download/use-3.1.1.tgz",
     "util-deprecate": {
       "version": "1.0.2",
       "resolved": "http://registry.npm.taobao.org/util-deprecate/download/util-deprecate-1.0.2.tgz",
-      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8="
+      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
+      "dev": true
     },
     "util.promisify": {
       "version": "1.0.0",
       "resolved": "https://registry.npm.taobao.org/vue/download/vue-2.6.10.tgz",
       "integrity": "sha1-pysaQqTYKnIepDjRtr9V5mGVxjc="
     },
-    "vue-axios": {
-      "version": "2.1.4",
-      "resolved": "https://registry.npm.taobao.org/vue-axios/download/vue-axios-2.1.4.tgz",
-      "integrity": "sha1-qdKY9+h2+ah/6zNrN63LzjT/n58="
-    },
     "vue-eslint-parser": {
       "version": "5.0.0",
       "resolved": "https://registry.npm.taobao.org/vue-eslint-parser/download/vue-eslint-parser-5.0.0.tgz",
         }
       }
     },
-    "vue-resource": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npm.taobao.org/vue-resource/download/vue-resource-1.5.1.tgz",
-      "integrity": "sha1-Dz1oXjJU0hgAvr2Wbtz1bDSztuQ=",
-      "requires": {
-        "got": "^8.0.3"
-      }
-    },
     "vue-router": {
       "version": "3.1.2",
       "resolved": "https://registry.npm.taobao.org/vue-router/download/vue-router-3.1.2.tgz",

package.json

     "axios": "^0.19.0",
     "core-js": "^2.6.5",
     "element-ui": "^2.11.1",
+    "moment": "^2.24.0",
     "scroll-js": "^3.0.0",
     "swiper": "^4.5.0",
     "vue": "^2.6.10",

src/App.vue

 .messageBox-Contace {
   width: 80% !important;
 }
+
+.btn:hover {
+  color: #e03723;
+  border: 1px solid #e03723;
+  outline: none;
+}
+.btn:active {
+  color: #e03723;
+  border: 1px solid #e03723;
+  background-color: #fff;
+  box-shadow: none;
+}
+
+.btn-default:active:focus {
+  color: #e03723;
+  background-color: #fff;
+  border: 1px solid #e03723;
+  outline: none;
+}
+.btn:active:focus {
+  color: #e03723;
+  border: 1px solid #e03723;
+}
 </style>
+
+
 <style scoped>
 p {
   margin: 0 50px;
 
 <style>
 #app {
-  font-family: "Microsoft Yahei Light", "Microsoft Yahei",
-    "KaiGenGothicSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+  font-family: 'Microsoft Yahei Light', 'Microsoft Yahei', 'KaiGenGothicSC-Light', 'Helvetica Neue',
+    'Helvetica', 'Arial', sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-align: center;
   margin: 0;
 }
 .app {
-  font-family: "Microsoft Yahei", "KaiGenGothicSC-Light", "Helvetica Neue",
-    "Helvetica", "Arial", sans-serif;
+  font-family: 'Microsoft Yahei', 'KaiGenGothicSC-Light', 'Helvetica Neue', 'Helvetica', 'Arial',
+    sans-serif;
 }
 
 .coll {
   /* padding: 0; */
   border: none;
 }
-
-
-
-
-
+a:focus, a:hover {
+    /* color: #23527c; */
+    text-decoration: none;
+}
 @media (min-width: 992px) {
   .coll {
     display: block;
 
 <style lang="less" scoped>
 @media (max-width: 992px) {
-  .navbar {
-    height: 60px;
-  }
-  .navbar-brand {
-    padding: 0;
-  }
-  .logo {
-    margin-top: 15px;
-    margin-left: 20px;
-    width: 150px;
-    height: 30px;
-    background-size: 100% 100% !important;
-    background: url("./assets/logo1.png");
-  }
-  .logoimg {
-    margin: -20px auto 0px;
-  }
-  .a {
-    font-size: 2.4rem;
-    margin-top: 2rem;
-    color: #000;
-  }
-  .a a {
-    color: #000;
-  }
+  
+ 
+ 
   .main {
     padding-bottom: 3rem;
   }
 
-  .line {
-    height: 2px;
-    width: 300px;
-    background: -webkit-linear-gradient(
-      left,
-      rgba(255, 255, 255, 0),
-      #aaa,
-      rgba(255, 255, 255, 0)
-    );
-    background: linear-gradient(
-      to right,
-      rgba(255, 255, 255, 0),
-      #aaa,
-      rgba(255, 255, 255, 0)
-    );
-    margin-bottom: 30px;
+
+  .page-footer {
+    height: 9.8vw;
   }
-  .footer-p{
-    margin:0;
+  .footer-p {
+    line-height: 9.8vw;
+    font-size: 3vw;
+    margin: 0;
   }
 }
 @media (min-width: 768px) {
-  .navbar {
-    padding: 30px 0;
-    // background-color: transparent;
-    border: none;
-    padding: 30px 0;
-    z-index: 50;
-    height: 116px;
-    margin: 0;
-
-    .navbar-brand {
-      padding: 0;
-
-      img {
-        height: 100%;
-      }
-    }
-
-    .nav {
-      font-size: 2.6rem;
-      li {
-        margin-left: 2vw;
-        a {
-          color: #000;
-          padding-left: 5px;
-          padding-right: 5px;
-          margin: 0 10px;
-          &:hover {
-            border-bottom: 3px solid #000;
-          }
-        }
-      }
-    }
-
-    .logo {
-      width: 300px;
-      height: 60px;
-      background: url("./assets/logo1.png");
-    }
 
-    // &.scroll {
-    //   transition: all 0.5s;
-    //   background: #fff;
-
-    //   .nav {
-    //     li {
-    //       a {
-    //         color: #000;
-
-    //         &:hover {
-    //           border-bottom: 3px solid #000;
-    //         }
-    //       }
-    //     }
-    //   }
-
-    //   .logo {
-    //     background: url("./assets/logo1.png");
-    //   }
-    // }
-  }
+   
+ 
+  
 }
 @media (min-width: 992px) and (max-width: 1200px) {
   .back-top1 {
     z-index: 3;
   }
 }
-
-
-
 </style>

src/components/Business.vue

         <div class="swiper-button-next"></div>
       </div>
     </div>
-    
+
     <div v-if="!show" class="row st">
       <div class="col-xs-6 col-md-3 sw" v-for="(item,index) in service" :key="index">
         <img :src="item.serviceImageUrl" width="100%" height="100%" alt="..." />
 
 
 <style scoped>
-.col-xs-6{
+.col-xs-6 {
   padding: 0px;
 }
 @media (max-width: 992px) {
   }
 
   h4 {
-    font-family: "Microsoft Yahei Light";
-    font-size: 1.6rem;
-    padding: 5px;
+    font-family: 'Microsoft Yahei Light';
+    font-size: 1.4rem;
+    /* padding: 5px; */
     background-color: #e03723;
     color: #fff;
     margin: 0;
     height: 30px;
     letter-spacing: 6px;
+    line-height: 30px;
   }
   .st {
     margin-bottom: 20px !important;
     padding: 0 1% !important;
-    
   }
   .sw {
-   padding-left: 2% !important;
+    padding-left: 2% !important;
     padding-right: 2% !important;
   }
 }
   }
 
   h4 {
-    font-family: "Microsoft Yahei Light";
+    font-family: 'Microsoft Yahei Light';
     font-size: 2.4rem;
     padding: 0px;
     background-color: #e03723;
   padding-left: 9%;
   padding-right: 9%;
   margin: 0;
-  
 }
 </style>
 

src/components/CaseCard.vue

 <template>
-<div class="hover">
-  <el-card class="case-card app" shadow="never" :body-style="{ padding: '0px' }" style=" padding: 0px">
-    <img :style="{background: `url(${thumb})`}" class="image" />
-    <div class="body">
-      <h3>{{title}}</h3>
-      <div class="bottom clearfix caption">{{caption}}</div>
-    </div>
-  </el-card>
-  <!-- shadow="hover" -->
+  <div class="hover">
+    <el-card class="case-card app" shadow="never" :body-style="{ padding: '0px' }" style=" padding: 0px">
+      <img :style="{background: `url(${thumb})`}" class="image" />
+      <div class="body">
+        <h3>{{title}}</h3>
+        <div class="bottom clearfix caption">{{caption}}</div>
+      </div>
+    </el-card>
+    <!-- shadow="hover" -->
   </div>
 </template>
 
       }
     }
   }
-  .hover:hover{
-  .case-card{
-    margin-top: -20px; 
-     margin-bottom: 20px;
-    box-shadow:0px 0px 16px 5px rgba(0,0,0,0.12);
-  }
-  }
+  // .hover:hover {
+  //   .case-card {
+  //     margin-top: -20px;
+  //     margin-bottom: 20px;
+  //     box-shadow: 0px 0px 16px 5px rgba(0, 0, 0, 0.12);
+  //   }
+  // }
 }
 
 @media (max-width: 992px) {
   .case-card {
     width: 100%;
     padding: 0;
-
+    border-radius: 0px;
+    border: none;
     .image {
       bottom: 0;
       width: 100%;
       }
     }
   }
-   .hover:hover{
-  .case-card{
-    margin-top: -10px; 
-    margin-bottom: 10px; 
-    box-shadow:0px 0px 10px 3px rgba(0,0,0,0.12);
-  }
-}}
+  // .hover:hover {
+  //   .case-card {
+  //     margin-top: -10px;
+  //     margin-bottom: 10px;
+  //     box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.12);
+  //   }
+  // }
+}
 </style>

src/components/Navbars.vue

               </li>
               <!-- class="case" class-active="" -->
               <li class="a">
-                <a href="/case"  :class="{linkactive:'/case'==routepath}">案例</a>
+                <a href="/case" :class="{linkactive:'/case'==routepath}">案例</a>
               </li>
               <li class="a">
-                <a href="/Share" :class="{linkactive:'/Share/'==routepath}">动态</a>
+                <a href="/Share" :class="{linkactive:'/Share'==routepath}">动态</a>
               </li>
               <li class="a">
                 <a href="/about" :class="{linkactive:'/about'==routepath}">关于</a>
             <img src="../assets/image/mobile/Sidemenulogo.png" width="46%" class="logoimg" />
           </el-col>
           <el-col class="line"></el-col>
-          <el-col :span="24" class="a">
-            <a href="/" class="btn1" :class="{moblinkactive:'/'==routepath}">01 回到首页</a>
-          </el-col>
-
-          <el-col :span="24" class="a">
-            <a href="/case" class="btn1" :class="{moblinkactive:'/case'==routepath}">02 案例展示</a>
-          </el-col>
-
-          <el-col :span="24" class="a">
-            <a href="/Share" class="btn1" :class="{moblinkactive:'/Share/'==routepath}">03 动态分享</a>
-          </el-col>
-
-          <el-col :span="24" class="a">
-            <a href="/about" class="btn1" :class="{moblinkactive:'/about'==routepath}">04 关于福予</a>
-          </el-col>
-
-          <el-col :span="24" class="a">
-            <a href="/contact" class="btn1" :class="{moblinkactive:'/contact'==routepath}">05 联系我们</a>
-          </el-col>
-
-          <el-col :span="24" class="a">
-            <button type="button" class="btn btn-default rebtn" @click="navdrawer = flase" style="color:black;font-size: 24px;">继续浏览</button>
-          </el-col>
+          <div>
+            <el-col :span="24" class="a">
+              <a href="/" class="btn1" :class="{moblinkactive:'/'==routepath}">01 回到首页</a>
+            </el-col>
+
+            <el-col :span="24" class="a">
+              <a href="/case" class="btn1" :class="{moblinkactive:'/case'==routepath}">02 案例展示</a>
+            </el-col>
+
+            <el-col :span="24" class="a">
+              <a href="/Share" class="btn1" :class="{moblinkactive:'/Share'==routepath}">03 动态分享</a>
+            </el-col>
+
+            <el-col :span="24" class="a">
+              <a href="/about" class="btn1" :class="{moblinkactive:'/about'==routepath}">04 关于福予</a>
+            </el-col>
+
+            <el-col :span="24" class="a">
+              <a href="/contact" class="btn1" :class="{moblinkactive:'/contact'==routepath}">05 联系我们</a>
+            </el-col>
+
+            <el-col :span="24" class="a">
+              <button type="button" class="btn btn-default rebtn" @click="navdrawer = flase" style="color:black;font-size: 24px;">继续浏览</button>
+            </el-col>
+          </div>
         </el-row>
       </div>
     </el-drawer>
       navdrawer: false,
       direction: 'rtl',
 
-      routepath:'',
+      routepath: '',
     }
   },
- mounted () {
-         this.routepath  =  this.$route.path;
-         console.log(this.routepath);
+  mounted () {
+    this.routepath = this.$route.path;
+    console.log(this.routepath);
   },
 
 
 </style>
 
 <style scoped>
-.icon-caidan
-.coll {
+.icon-caidan .coll {
   display: none;
 }
 .navbar-toggle {
   margin: 0 10px 0 0;
   /* padding: 0; */
   border: none;
+  /* padding-top: 6px; */
 }
 .navbar-default .navbar-toggle:hover {
-    background-color: none;
+  background-color: none;
 }
 
 /* .navbar-toggle：hover{
 } */
 .iconfont {
   border: none;
-  font-size: 30px;
+  font-size: 24px;
+  color: #595757;
 }
 .iconfont:hover {
-  color:#e03723;
+  color: #e03723;
 }
 
 @media (min-width: 768px) and (max-width: 992px) {
 }
 
 @media (max-width: 992px) {
+  .navbar-default .navbar-toggle:hover {
+    background: none;
+  }
   .navbar {
-    height: 60px;
+    height: 47.8px;
+    background-color: #fff;
   }
   .navbar-brand {
     padding: 0;
   }
   .logo {
-    margin-top: 15px;
+    margin-top: 11px;
     margin-left: 20px;
     width: 150px;
     height: 30px;
     background-size: 100% 100% !important;
-    background: url("../assets/logo1.png");
+    background: url('../assets/logo1.png');
   }
   .logoimg {
     margin: -20px auto 0px;
   }
   .a {
+    height: 11vh;
     font-size: 2.4rem;
-    margin-top: 2rem;
+    /* margin-top: 2rem; */
     color: #000;
   }
   .a a {
 
   .line {
     height: 2px;
-    width: 300px;
-    background: -webkit-linear-gradient(
-      left,
-      rgba(255, 255, 255, 0),
-      #aaa,
-      rgba(255, 255, 255, 0)
-    );
-    background: linear-gradient(
-      to right,
-      rgba(255, 255, 255, 0),
-      #aaa,
-      rgba(255, 255, 255, 0)
-    );
+    width: 80vw;
+    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #aaa, rgba(255, 255, 255, 0));
+    background: linear-gradient(to right, rgba(255, 255, 255, 0), #aaa, rgba(255, 255, 255, 0));
     margin-bottom: 30px;
   }
   .btn1 {
     .logo {
       width: 300px;
       height: 60px;
-      background: url("../assets/logo1.png");
+      background: url('../assets/logo1.png');
     }
-
-    // &.scroll {
-    //   transition: all 0.5s;
-    //   background: #fff;
-
-    //   .nav {
-    //     li {
-    //       a {
-    //         color: #000;
-
-    //         &:hover {
-    //           border-bottom: 3px solid #000;
-    //         }
-    //       }
-    //     }
-    //   }
-
-    //   .logo {
-    //     background: url("./assets/logo1.png");
-    //   }
-    // }
   }
 }
-.linkactive{
+.linkactive {
   border-bottom: 3px solid #000;
 }
-.moblinkactive{
-  color:#e03723 !important;
+.moblinkactive {
+  color: #e03723 !important;
 }
-.rebtn{
+.rebtn {
   border-radius: 0px;
 }
-.rebtn:hover{
+.rebtn:hover {
   color: #e03723 !important;
-    border: 1px solid #e03723;
-    background: #fff;
+  border: 1px solid #e03723;
+  background: #fff;
 }
 </style>

src/components/Share.vue → src/components/Shares.vue

 
 <script>
 export default {
-  name: 'Share',
+  name: 'Shares',
   props: [
     'config',
   ],

src/components/Wheelplanting.vue

 @media (max-width: 992px) {
   .wheelplanting .con-swiper {
     width: 100%;
-    height: 300px;
+    height: 52.3vw;
   }
 }
 </style>

src/views/About.vue

             <br />
             <div class>
               <div class="abc">
-                <img src="../assets/image/about/FOYO.jpg" style="width:60vw" />
+                <img src="../assets/image/about/FOYO.jpg" class="foyoimg" style="width:60vw" />
               </div>
             </div>
           </div>
 @media (min-width: 768px) {
 }
 
-@media (max-width: 768px) {
+@media (max-width: 992px) {
   .about {
-    padding-top: 58px;
+    padding-top: 47.8px;
   }
   .about-1-img {
     width: 80px;
     height: 80px;
   }
+  .foyoimg{
+    width: 80vw !important;
+  }
   .sssss {
-    font-size: 1.5rem;
+    font-size: 1.2rem;
     color: #3e3a39;
     padding: 20px 20px;
   }
           }
           .teamp2 {
             font-size: 1.2rem;
+            margin-bottom: 0;
           }
         }
       }
     }
   }
   .about-3 {
-    margin-top: 28px;
+    margin-top: 40px;
 
     div {
       margin: 0;
     padding-right: 40px;
   }
   .abc {
-
-   
     padding-bottom: 60px;
-
-}
-.about-1-img {
-
+  }
+  .about-1-img {
     width: 140px;
     height: 140px;
-
+  }
 }
+@media (max-width: 550px) {
+
+ .about-1 {
+    padding: 20px 0px;
+    div {
+      // .about-1-img {
+      // }
+      .caption {
+        h2 {
+          font-size: 2.1rem;
+          font-weight: bold;
+        }
+        .p1 {
+          font-size: 1.2rem;
+        }
+      }
+    }
+  }
+
+  
+
 }
 </style>
 

src/views/Case.vue

       </div>
     </div>
 
-    <el-drawer :visible.sync="drawer" :direction="direction" :show-close="true" size="80%">
-      <div>
-        <el-row style="text-align: center;">
+    <el-drawer :visible.sync="drawer" :direction="direction" :show-close="true" size="80%" style="text-align: center;">
+      <div >
+        <el-row style="text-align: center;height:72.5vh;display: grid;">
           <el-col :span="24">
             <button type="button" @click="() => filterCase()" class="btn-link" style="color:black;font-size: 24px;" :class="{btnactive:thisbtn==''}">全部案例</button>
           </el-col>
             <!-- @click="() => filterCase(cas)" -->
             <button type="button" class="btn-link" @click="() => filterCase(cas)" style="color:black;font-size: 24px" :class="{btnactive:thisbtn==cas.typeName}">{{cas.typeName}}</button>
           </el-col>
-          <el-col :span="24">
-            <button type="button" class="btn btn-default rebtn" @click="drawer = flase" style="color:black;font-size: 24px;padding-left: 40px;padding-right: 40px; margin-top:30px">返回</button>
-          </el-col>
+          
         </el-row>
+        <button type="button" class="btn btn-default rebtn" @click="drawer = flase" style="text-align:center;color:black;font-size: 24px;padding-left: 40px;padding-right: 40px;">返回</button>
       </div>
     </el-drawer>
 
     </div>
     <!--  -->
     <div style="margin-top:40px">
-      <button type="button" v-if="!allLoaded" class="btn btn-default" @click="more">加载更多</button>
+      <button type="button" v-if="!allLoaded" class="btn btn-default rebtn" @click="more">加载更多</button>
       <p v-else>已经到底了~更多案例敬请期待~</p>
     </div>
   </div>
   margin-top: 10px;
 }
 
+.case{
+  min-height: 90vh;
+}
+
 /* .casecard {
   width: 100%;
 
   border-radius: 0px;
 
   background-color: rgb(252, 151, 252);
-  border: 2px solid #bfbfbf;
+  /* border: 2px solid #bfbfbf; */
 }
 
 .text-left {
 
 @media (max-width: 992px) {
   .case {
-    margin-top: 58px;
+    margin-top: 47.8px;
+    margin-bottom: -47.8px;
+    padding-bottom: 47.8px;
+    background-color: #fafafa;
   }
   .comtype {
     display: none;
   .dyn-main {
     margin-top: 20px;
 
-     padding-left: 1.6vw;
+    padding-left: 1.6vw;
     padding-right: 1.6vw;
   }
   .marginTP {
     margin-top: 3.2vw;
   }
-  .cards{
+  .cards {
     padding-left: 1.6vw;
     padding-right: 1.6vw;
   }
     color: #000;
     background-color: #fff;
     border: 1px solid #aaaaaa;
+    outline: none;
   }
   .btn:hover {
     color: #e03723;
     border: 1px solid #e03723;
+    outline: none;
+  }
+  .btn:active{
+    color: #e03723;
+    border: 1px solid #e03723;
+  }
+
+  .btn-default:active:focus{
+color: #e03723;
+    background-color: #fff;
+    border: 1px solid #e03723;
+     outline: none;
+  }
+  .btn:active:focus{
+    color: #e03723;
+    border: 1px solid #e03723;
   }
 
   .dyn-main {
 </style>
 
 
-
+<style lang="less" scoped>
+@media (min-width: 992px){
+.cards:hover {
+  
+  .casecard {
+    transition: all 0.4s;
+    margin-top: -20px;
+    margin-bottom: 20px;
+    box-shadow: 0px 0px 16px 5px rgba(0, 0, 0, 0.12);
+  }
+}
+}
+@media (min-width: 992px) and (max-width: 1500px) {
+  .cards:hover {
+    transition: all 0.4s;
+    .casecard {
+      margin-top: -10px;
+      margin-bottom: 10px;
+      box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.12);
+    }
+  }
+}
+</style>
 

src/views/Contact.vue

         </div>
         <div>
           <a v-if="isMobilePhone" href="tel:13585167730">
-            <img src="../assets/image/contact/photo.jpg" alt style="padding-top:100px;width:90%" />
+            <img src="../assets/image/contact/photo.jpg" alt style="padding-top:7vw;width:61.2vw" />
           </a>
           <img v-else src="../assets/image/contact/photo.jpg" alt style="padding-top:100px;width:80%" />
         </div>
 </style>
 
 <style lang="less" scoped>
+.contact{
+  min-height: 85vh;
+}
+
+
 .col-md-6,
 .col-xs-6 {
   padding: 0px;
 @media (max-width: 992px) {
   .address {
     .p1 {
-      padding-top: 70px;
-      font-size: 2rem;
+      padding-top: 7.57vw;
+      font-size: 2.9vw;
+      margin-bottom: 0;
     }
     .p2 {
-      font-size: 1.2rem;
-      padding-top: 14px;
+      font-size: 2.4vw;
+      padding-top: 1.9vw;
     }
   }
 }
 <style lang="less" scoped>
 @media (max-width: 992px) {
   .contact {
-    margin-top: 60px;
+    margin-top: 47.8px;
   }
 
   .img1 {
-    width: 80%;
+    width: 20vw !important;
+  }
+  .pull-right1{
+    float: right;
+    margin-right: 8.5vw;
+  }
+  .pull-left1{
+    float: left;
+    margin-left: 8.5vw
+  }
+  h1{
+    font-size: 3.22vw;
+    margin-top: 4.9vw;
+    margin-bottom: 5vw !important;
+  }
+  h2{
+    font-size: 2.4vw;
+    margin-top: 1.6vw;
+   
+  margin-bottom: 0.08vw !important;
+
+
   }
 }
 
   .contact-2 {
     padding: 98px 98px 27px 98px;
   }
+  
 }
 h2 {
   margin-bottom: -22px;
+
 }
 
 @media (min-width: 992px) and (max-width: 1551px) {
   }
 }
 @media  (max-width: 551px) {
-  h2{
-    font-size: 2rem
-  }
+  // h2{
+  //   font-size: 2rem
+  // }
 }
 </style>

src/views/Details.vue

   <div class="details">
     <Navbars></Navbars>
     <div class="head">
-      <img :src="current.caseCoverImg" width="100%" />
+      <img :src="current.caseDetailCoverImg" width="100%" />
     </div>
 
     <div class="contanier st">
       <h1 style>{{current.caseTitle}}</h1>
-
-      <p>
+      <div v-if="type=='分享'&&isMobilePhone" class="p1" style="text-align: left;padding-left:15px;">
+        <p style="font-size:1.2rem;margin-bottom:5px">分享时间:{{date}}</p>
+        <p style="font-size:1.2rem;margin-bottom:5px">来源:{{url}}</p>
+      </div>
+      <p v-else class="p1">
         客户：
-        <img :src="current.caseLogoImg" alt />
+        <img :src="current.caseLogoImg" />
         &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 所属行业：{{current.caseIndustry}}
       </p>
 
 
       <div class="row zan-share" style="margin-left :0; margin-right:0">
         <div class="col-xs-6 col-md-6" style="padding 0;">
-          <div class="pull-left" @click="postLike">
-            <span role="button" class="iconfont icon-zan"></span>
+          <div class="pull-left zan" @click="postLike">
+            <span role="button" class="iconfont icon-zan" :style="{ color: activeColor}"></span>
             <span class="zantext">赞 | {{current.likeNum || 0}}</span>
           </div>
         </div>
           <div class="pull-right">
             <div style=" display: flex;">
               <span class="sharetext">分享：</span>
-              <share :config="shareConfig" />
+              <shares :config="shareConfig" />
             </div>
             <div></div>
           </div>
 import request from '../../utils/request'
 import apis from '../config/api'
 
-
+import { isMobilePhone } from '../../utils'
+import moment from 'moment';
 
 export default {
   name: 'Details',
 
   data () {
     return {
-
-      type: '案例',
+      url:window.location.href,
+      type: '',
       detail: {},
-      // config: {
+      activeColor: '#000',
+      isMobilePhone,
+      date: moment().format('YYYY年MM月DD日 h:mm')
+      // config: {T00:00:00.000
       //   // url: '', // 网址，默认使用 window.location.href
       //   // source: '', // 来源（QQ空间会用到）, 默认读取head标签：<meta name="site" content="http://overtrue" />
       //   // title: '', // 标题，默认读取 document.title 或者 <meta name="title" content="share.js" />
 
   },
   components: {
-    share: () => import('../components/Share'),
+    shares: () => import('../components/Shares'),
 
     Navbars: () => import('../components/Navbars'),
 
   },
   computed: {
+
+
     shareConfig () {
       return {
 
         url: window.location.href,
         title: this.current.caseTitle,
-        image: this.current.caseCoverImg, // 图片, 默认取网页中第一个img标签
+        image: this.current.caseDetailCoverImg, // 图片, 默认取网页中第一个img标签
         description: this.current.caseSummary,
       }
     },
     },
     brothers () {
       let b = this.detail.brothers
+      // console.log(b, '111')
       if (!b || !b.length) {
         b = [{}, {}]
       } else if (b.length === 1) {
           b.push({})
         }
       }
-
+      // console.log(b, '222')
       return b
     },
     recommends () {
   },
 
   created () {
+//  console.log(moment().format())
+// console.log(moment().format('YYYY年MM月DD日 h:mm'))
 
 
+    this.getDetail(this.$route.params.id)
+    // console.log(this.detail, 'data')
 
 
-    this.getDetail(this.$route.params.id)
   },
   beforeRouteUpdate (to, from, next) {
     this.getDetail(to.params.id)
+
     next()
   },
   methods: {
+
     getDetail (id) {
       request({
         ...apis.case.get,
       }).then(res => {
         this.detail = res || {}
 
-         this.type =  this.detail.current.type == 'case' ? '案例' : '分享'
-        // console.log(this.detail.current.type,'1234')
+        this.type = this.detail.current.type == 'case' ? '案例' : '分享'
+        // console.log(this.detail.current, '1234')
+        //  console.log(this.detail, '1234')
       })
     },
 
             likeNum: res || 0,
           }
         }
-
-        this.$message({
-          message: res == this.current.likeNum ? '已赞' : '赞 +1',
-          type: res == this.current.likeNum ? 'warning' : 'success'
-        });
+        this.activeColor = '#e03723'
+        // this.$message({
+        //   message: res == this.current.likeNum ? '已赞' : '赞 +1',
+        //   type: res == this.current.likeNum ? 'warning' : 'success'
+        // });
       })
     },
 
 
 
-  
+
   },
-  
+
+
+
 
 }
 </script>
     border: 2px solid #e03723;
   }
 }
+
+// .btn-default {
+// }
 @media (max-width: 992px) {
   .casetitle {
     display: none;
   }
+  .p1 {
+    margin-bottom: 0px;
+  }
 }
 
 @media (min-width: 992px) {
   .button-hover:hover {
     color: #e03723;
     border: 1px solid #e03723;
+    background-color: #fff !important;
+    outline: none;
+    box-shadow: none;
   }
   .btn1 {
     font-size: 2.4rem !important;
     background-color: #fff;
     border: 1px solid #aaaaaa;
     border-radius: 0px;
+    outline: none;
+  }
+  .btn:hover {
+    color: #e03723;
+    border: 1px solid #e03723;
+    outline: none;
+  }
+  .btn:active {
+    color: #e03723;
+    border: 1px solid #e03723;
+    box-shadow: none;
+  }
+
+  .btn-default:active:focus {
+    color: #e03723;
+    background-color: #fff;
+    border: 1px solid #e03723;
+    outline: none;
+  }
+  .btn:active:focus {
+    color: #e03723;
+    border: 1px solid #e03723;
   }
   .next-prev {
     width: 80%;
 }
 
 @media (max-width: 992px) {
+  .details {
+    margin-top: 47.8px;
+  }
   .btn1 {
+    line-height: 25px;
     font-size: 1.2rem !important;
     color: black !important;
     border: none !important;
   }
   .pull-left {
     .iconfont {
-      font-size: 2.4rem;
+      font-size: 1.6rem;
     }
   }
+  .iconfont:visited {
+    color: red;
+  }
   .pull-right {
     display: flex;
   }
+  .zan {
+    padding-top: 9px;
+  }
   .zantext {
     // margin-top: -3px;
     margin-left: 10px;
     }
   }
   h2 {
-    font-size: 2rem;
+    font-size: 1.2rem;
   }
 
   // .share {
 <style lang="less" scoped>
 .icon-nobefore {
   &::before {
-    content: "" !important;
+    content: '' !important;
   }
 }
 

src/views/Dynamic.vue

 
     <div class="border-bottom comtype">
       <div>
-        <button type="button" class="btn1 btn-link app" @click="() => filterCase()"  :class="{btnactive:thisbtn==''}">全部动态</button>
+        <button type="button" class="btn1 btn-link app" @click="() => filterCase()" :class="{btnactive:thisbtn==''}">全部动态</button>
         <button v-for="cas in casetype" :key="cas.id" @click="() => filterCase(cas)" type="button" class="btn1 btn-link app" :class="{btnactive:thisbtn==cas.typeName}">{{cas.typeName}}</button>
       </div>
     </div>
         <el-button class="btn-link mobbtn" @click="drawer = true" type="button" style="margin-left: 16px;;width:140px;padding-left:0;padding-right:0">{{currentTypeName}}</el-button>
       </div>
     </div>
-    <el-drawer :visible.sync="drawer" :direction="direction" :show-close="true" size="80%">
+    <el-drawer :visible.sync="drawer" :direction="direction" :show-close="true" size="80%" style="text-align: center;">
       <div>
-        <el-row style="text-align: center;">
+        <el-row style="text-align: center;height:72.5vh;display: grid;">
           <el-col :span="24">
             <button type="button" class="btn-link" @click="() => filterCase()" style="color:black;font-size: 24px;" :class="{btnactive:thisbtn==''}">全部动态</button>
           </el-col>
           <el-col :span="24" v-for="cas in casetype" :key="cas.id">
             <button type="button" class="btn-link" @click="() => filterCase(cas)" style="color:black;font-size: 24px" :class="{btnactive:thisbtn==cas.typeName}">{{cas.typeName}}</button>
           </el-col>
-          <el-col :span="24">
-            <button type="button" class="btn btn-default rebtn" @click="drawer = flase" style="color:black;font-size: 24px;padding-left: 40px;padding-right: 40px; margin-top:30px">返回</button>
-          </el-col>
+          
         </el-row>
+         <button type="button" class="btn btn-default rebtn" @click="drawer = flase" style="text-align:center;color:black;font-size: 24px;padding-left: 40px;padding-right: 40px;">返回</button>
       </div>
     </el-drawer>
 
       <div class="row">
         <div class="col-md-6 col-xs-6 cards" v-for="(item,index) in caselist" :key="index" :class="{ marginTP: index > 1 }">
           <router-link :to="{ name: 'details', params: { id: item.id }}" class="routelink">
-            <case-card :thumb="item.caseCoverImg" :title="item.caseTitle" :caption="item.caseSummary"></case-card>
+            <case-card :thumb="item.caseCoverImg" :title="item.caseTitle" :caption="item.caseSummary" class="casecard"></case-card>
           </router-link>
         </div>
       </div>
     </div>
 
     <div style="margin-top:40px">
-      <button type="button" class="btn btn-default" @click="more" v-if="!allLoaded">加载更多</button>
+      <button type="button" class="btn btn-default rebtn" @click="more" v-if="!allLoaded">加载更多</button>
       <p v-else>已经到底了~更多动态敬请期待~</p>
     </div>
   </div>
       direction: 'rtl',
 
       currentTypeName: '全部动态',
-      thisbtn:''
+      thisbtn: ''
     }
   },
   components: {
 
       this.getCaseList({ pageNum: 1, caseType: caseType ? caseType.id : '' });
       this.drawer = false;
-       this.thisbtn = caseType ? caseType.typeName : ''
+      this.thisbtn = caseType ? caseType.typeName : ''
     },
   }
 
   text-decoration: none;
 }
 
-.casecard {
+.dynamic {
+  min-height: 90vh;
+}
+
+/* .casecard {
   width: 100%;
 
   padding-bottom: 100%;
   background-size: 100% 100% !important;
-  /* position: relative; */
+  position: relative;
 
   margin: 0;
-}
+} */
 
 .border-bottom {
   /* display: none; */
   padding: 12px 40px;
   border-radius: 0px;
   background-color: rgb(252, 151, 252);
-  border: 2px solid #bfbfbf;
+  /* border: 2px solid #bfbfbf; */
 }
 
 .text-left {
 
 @media (max-width: 992px) {
   .dynamic {
-    margin-top: 58px;
+    margin-top: 47.8px;
+    margin-bottom: -47.8px;
+    padding-bottom: 47.8px;
+    background-color: #fafafa;
   }
   .comtype {
     display: none;
   .dyn-main {
     margin-top: 20px;
 
-     padding-left: 1.6vw;
+    padding-left: 1.6vw;
     padding-right: 1.6vw;
   }
   .marginTP {
     margin-top: 3.2vw;
   }
-  .cards{
+  .cards {
     padding-left: 1.6vw;
     padding-right: 1.6vw;
   }
 }
 .row {
-    margin-left: 0;
+  margin-left: 0;
   margin-right: 0;
 }
 
-
 @media (min-width: 992px) {
   .main {
     display: -webkit-flex; /* Safari */
     justify-content: center;
   }
   .marginTP {
-  margin-top: 3rem;
-}
+    margin-top: 3rem;
+  }
   .dynamic {
     margin-top: 116px;
     margin-bottom: -116px;
   .btn:hover {
     color: #e03723;
     border: 1px solid #e03723;
+    outline: none;
+  }
+  .btn:active {
+    color: #e03723;
+    border: 1px solid #e03723;
+  }
+
+  .btn-default:active:focus {
+    color: #e03723;
+    background-color: #fff;
+    border: 1px solid #e03723;
+    outline: none;
+  }
+  .btn:active:focus {
+    color: #e03723;
+    border: 1px solid #e03723;
   }
 
   .dyn-main {
     margin-top: 28px;
   }
 }
-.btnactive{
-  color:#e03723 !important;
+.btnactive {
+  color: #e03723 !important;
 }
-.rebtn{
+.rebtn {
   border-radius: 0px;
 }
-.rebtn:hover{
+.rebtn:hover {
   color: #e03723 !important;
-    border: 1px solid #e03723;
-    background: #fff;
+  border: 1px solid #e03723;
+  background: #fff;
+}
+</style>
+
+
+
+<style lang="less" scoped>
+@media (min-width: 992px) {
+  .cards:hover {
+    .casecard {
+      transition: all 0.4s;
+      margin-top: -20px;
+      margin-bottom: 20px;
+      box-shadow: 0px 0px 16px 5px rgba(0, 0, 0, 0.12);
+    }
+  }
+}
+@media (min-width: 992px) and (max-width: 1500px) {
+  .cards:hover {
+    .casecard {
+      transition: all 0.4s;
+      margin-top: -10px;
+      margin-bottom: 10px;
+      box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.12);
+    }
+  }
 }
 </style>

src/views/Home.vue

   created () {
 
     //合作伙伴
-
-
+// 
+// console.log(isMobilePhone)
     // axios.get('http://localhost:8080/pc/partner/list/?pageNum=1&pageSize=18')
     request({
       ...apis.partner.list,
     padding: 2% !important;
   }
   .ph-logo {
-    width: 100%;
+    width: 80%;
     /* padding-bottom: 37px; */
     /* height: 100%; */
     height: 0;
-    padding-bottom: 45.8%;
+    padding-bottom: 36.64%;
     background-size: 100% 100% !important;
-    margin: 3px auto;
+    margin: 1.8vw auto;
   }
   .top-news {
     margin-top: 30px;
   .top-case {
     margin-top: 40px;
     padding: 0;
-    padding-bottom: 30px !important;
+    padding-bottom: 6vw !important;
     border: none;
   }
   .aarow_box {
   .btn {
     font-size: 1.2rem;
     margin-top: 0px;
-    width: 140px;
-
+    width: 120px;
+height: 32px;
+padding: 0;
+line-height: 30px;
     border-radius: 0px;
     color: #000;
     background-color: #fff;
     border: 1px solid #aaaaaa;
+  }
+   .btn:hover {
+    color: #e03723;
+    border: 1px solid #e03723;
+    background: #fff;
   }
   h1 {
-    margin-top: 30px;
-
+    margin-top: 9.7vw;
+    margin-bottom: 3vw;
     font-size: 1.8rem;
     font-weight: bold;
     letter-spacing: 0.3rem;
   .btn:hover {
     color: #e03723;
     border: 1px solid #e03723;
+    background: #fff;
   }
 
   p {
       padding: 20px;
     }
   }
+  .p2{
+    padding: 0;
+    margin-bottom: 5.2vw;
+  }
+  .btn-lg {
+    width: 18.3vw;
+    height: 6.3vw;
+    line-height: 6vw;
+  }
 }
 @media (min-width: 992px) {
   .st4 .casetitle {
   }
 }
 @media (max-width: 600px) {
-  h3 {font-size: 1.4rem}
+  h3 {font-size: 1.2rem}
 }
 @media (max-width: 400px) {
-  h3 {font-size: 1rem}
+  h3 {font-size: 0.8rem}
 }
 
 </style>