diff --git a/.vs/VSWorkspaceState.json b/.vs/VSWorkspaceState.json
new file mode 100644
index 0000000..6b61141
--- /dev/null
+++ b/.vs/VSWorkspaceState.json
@@ -0,0 +1,6 @@
+{
+  "ExpandedNodes": [
+    ""
+  ],
+  "PreviewInSolutionExplorer": false
+}
\ No newline at end of file
diff --git a/.vs/slnx.sqlite b/.vs/slnx.sqlite
new file mode 100644
index 0000000..fc67b23
Binary files /dev/null and b/.vs/slnx.sqlite differ
diff --git a/111.jpg b/111.jpg
new file mode 100644
index 0000000..b187c5b
Binary files /dev/null and b/111.jpg differ
diff --git a/222.jpg b/222.jpg
new file mode 100644
index 0000000..0772e7d
Binary files /dev/null and b/222.jpg differ
diff --git a/App.vue b/App.vue
new file mode 100644
index 0000000..3cb2e2e
--- /dev/null
+++ b/App.vue
@@ -0,0 +1,24 @@
+<template>
+  <div id="app">
+   <router-view/>
+  </div>
+</template>
+
+
+
+
+<script>
+export default {
+  name: 'App',
+  data () {
+    return {
+    
+    };
+  },
+  components: {
+ 
+  }
+}
+</script>
+
+
diff --git a/index.js b/index.js
new file mode 100644
index 0000000..2676c3a
--- /dev/null
+++ b/index.js
@@ -0,0 +1,23 @@
+import request from '@/utils/request'
+export function login(mobile,password){
+    return request({
+        url:'/admin/login',
+        method:'post',
+        mobile:mobile,
+        password:password//?
+        // params:data
+    })
+}
+import request from '@/utils/request'
+export function login(mobile,code,password,name){
+    return request({
+        url:'/admin/register',
+        method:'post',
+        mobile:mobile,
+        code:code,
+        password:password,
+        name:name,
+        //?
+        // params:data
+    })
+}
diff --git a/index1.vue b/index1.vue
new file mode 100644
index 0000000..98d3c3f
--- /dev/null
+++ b/index1.vue
@@ -0,0 +1,72 @@
+<template>
+  <div id="app">
+    <el-container>
+      <el-header style="text-align: left">
+        <img src="./assets/www.jpg" />
+        <img src="./assets/ttt.jpg" />
+      </el-header>
+
+      <el-main
+        style="
+          background-color: rgb(238, 238, 238);
+          width: 100%;
+          height: 800px;
+          left: 0px;
+          top: 0px;
+          z-index: 5;
+        ">
+        <span style="float: left; padding-left: 100px; padding-top: 100px">
+          <img src="./assets/yyy.jpg" style="width: 950px; height: 650px" >
+        </span>
+      </el-main>
+
+      <span style="text-align: center">
+        <el-footer
+          style="
+            background-color: rgb(46, 46, 65);
+            height: 80px;
+            font-size: 15px;
+            color: rgb(153, 153, 153);
+            padding-top: 50px;
+          "
+        >
+          Copyright © 慧科教育 2020-2050
+        </el-footer>
+      </span>
+    </el-container>
+    <router-view />
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {};
+  },
+  methods: {
+    getSystem(id) {
+      this.$router.push({
+        path: `/system/${id}`, //es6语法
+      });
+      // this.$router.push({
+      //   path:`/system/${id}`
+      // })
+    },
+    getUser(id, name) {
+      this.$router.push({
+        path: "/user",
+        query: {
+          id: id,
+          name: name,
+        },
+      });
+      // this.$router.push({
+      //   path:'/user',
+      //   query:{
+      //     id:id
+      //   }
+      // })
+    },
+  },
+};
+</script>
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 27a47dc..4a80b1f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -993,7 +993,6 @@
       "version": "7.12.5",
       "resolved": "https://registry.npm.taobao.org/@babel/runtime/download/@babel/runtime-7.12.5.tgz",
       "integrity": "sha1-QQ5+SHRB4bNgwpvnFdhw2bmFiC4=",
-      "dev": true,
       "requires": {
         "regenerator-runtime": "^0.13.4"
       }
@@ -1408,6 +1407,88 @@
         }
       }
     },
+    "@videojs/http-streaming": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npm.taobao.org/@videojs/http-streaming/download/@videojs/http-streaming-2.2.4.tgz",
+      "integrity": "sha1-xxu2PbxHSeNRk8TDNEML2M5yjsA=",
+      "requires": {
+        "@babel/runtime": "^7.5.5",
+        "@videojs/vhs-utils": "^2.2.1",
+        "aes-decrypter": "3.1.0",
+        "global": "^4.3.2",
+        "m3u8-parser": "4.5.0",
+        "mpd-parser": "0.14.0",
+        "mux.js": "5.6.7",
+        "video.js": "^6 || ^7"
+      },
+      "dependencies": {
+        "aes-decrypter": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npm.taobao.org/aes-decrypter/download/aes-decrypter-3.1.0.tgz?cache=0&sync_timestamp=1610483565721&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Faes-decrypter%2Fdownload%2Faes-decrypter-3.1.0.tgz",
+          "integrity": "sha1-/AsdcD+Xpkqj97E1KPRmGXHbaMQ=",
+          "requires": {
+            "@babel/runtime": "^7.5.5",
+            "@videojs/vhs-utils": "^2.2.1",
+            "global": "^4.3.2",
+            "pkcs7": "^1.0.4"
+          }
+        },
+        "m3u8-parser": {
+          "version": "4.5.0",
+          "resolved": "https://registry.npm.taobao.org/m3u8-parser/download/m3u8-parser-4.5.0.tgz?cache=0&sync_timestamp=1610483556616&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fm3u8-parser%2Fdownload%2Fm3u8-parser-4.5.0.tgz",
+          "integrity": "sha1-nDCzLJtpzD+BteZ4lxf6hLn9uao=",
+          "requires": {
+            "@babel/runtime": "^7.5.5",
+            "@videojs/vhs-utils": "^2.2.1",
+            "global": "^4.3.2"
+          }
+        },
+        "mux.js": {
+          "version": "5.6.7",
+          "resolved": "https://registry.npm.taobao.org/mux.js/download/mux.js-5.6.7.tgz",
+          "integrity": "sha1-05/IXN7VoSV96fbutc8VeMSmPrg="
+        },
+        "pkcs7": {
+          "version": "1.0.4",
+          "resolved": "https://registry.npm.taobao.org/pkcs7/download/pkcs7-1.0.4.tgz",
+          "integrity": "sha1-YJC55xFg2r9pIJ1xnLr6U4sAocs=",
+          "requires": {
+            "@babel/runtime": "^7.5.5"
+          }
+        }
+      }
+    },
+    "@videojs/vhs-utils": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npm.taobao.org/@videojs/vhs-utils/download/@videojs/vhs-utils-2.3.0.tgz?cache=0&sync_timestamp=1608313232661&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40videojs%2Fvhs-utils%2Fdownload%2F%40videojs%2Fvhs-utils-2.3.0.tgz",
+      "integrity": "sha1-SQo6AN/BtR2F1dz4+DYeLUxNFEA=",
+      "requires": {
+        "@babel/runtime": "^7.5.5",
+        "global": "^4.3.2",
+        "url-toolkit": "^2.1.6"
+      }
+    },
+    "@videojs/xhr": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npm.taobao.org/@videojs/xhr/download/@videojs/xhr-2.5.1.tgz",
+      "integrity": "sha1-JrxaeduzsDv7E3QsbOVZ+J6QcZ4=",
+      "requires": {
+        "@babel/runtime": "^7.5.5",
+        "global": "~4.4.0",
+        "is-function": "^1.0.1"
+      },
+      "dependencies": {
+        "global": {
+          "version": "4.4.0",
+          "resolved": "https://registry.npm.taobao.org/global/download/global-4.4.0.tgz",
+          "integrity": "sha1-PnsQUXkAajI+1xqvyj6cV6XMZAY=",
+          "requires": {
+            "min-document": "^2.19.0",
+            "process": "^0.11.10"
+          }
+        }
+      }
+    },
     "@vue/babel-helper-vue-jsx-merge-props": {
       "version": "1.2.1",
       "resolved": "https://registry.npm.taobao.org/@vue/babel-helper-vue-jsx-merge-props/download/@vue/babel-helper-vue-jsx-merge-props-1.2.1.tgz",
@@ -1710,6 +1791,16 @@
           "integrity": "sha1-/q7SVZc9LndVW4PbwIhRpsY1IPo=",
           "dev": true
         },
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
         "cacache": {
           "version": "13.0.1",
           "resolved": "https://registry.npm.taobao.org/cacache/download/cacache-13.0.1.tgz",
@@ -1736,6 +1827,53 @@
             "unique-filename": "^1.1.1"
           }
         },
+        "chalk": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
+          "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true,
+          "optional": true
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true,
+          "optional": true
+        },
+        "loader-utils": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz",
+          "integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "big.js": "^5.2.2",
+            "emojis-list": "^3.0.0",
+            "json5": "^2.1.2"
+          }
+        },
         "source-map": {
           "version": "0.6.1",
           "resolved": "https://registry.npm.taobao.org/source-map/download/source-map-0.6.1.tgz?cache=0&sync_timestamp=1601546737481&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsource-map%2Fdownload%2Fsource-map-0.6.1.tgz",
@@ -1752,6 +1890,16 @@
             "minipass": "^3.1.1"
           }
         },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        },
         "terser-webpack-plugin": {
           "version": "2.3.8",
           "resolved": "https://registry.npm.taobao.org/terser-webpack-plugin/download/terser-webpack-plugin-2.3.8.tgz?cache=0&sync_timestamp=1610194199773&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fterser-webpack-plugin%2Fdownload%2Fterser-webpack-plugin-2.3.8.tgz",
@@ -1768,6 +1916,18 @@
             "terser": "^4.6.12",
             "webpack-sources": "^1.4.3"
           }
+        },
+        "vue-loader-v16": {
+          "version": "npm:vue-loader@16.1.2",
+          "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.1.2.tgz",
+          "integrity": "sha512-8QTxh+Fd+HB6fiL52iEVLKqE9N1JSlMXLR92Ijm6g8PZrwIxckgpqjPDWRP5TWxdiPaHR+alUWsnu1ShQOwt+Q==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "chalk": "^4.1.0",
+            "hash-sum": "^2.0.0",
+            "loader-utils": "^2.0.0"
+          }
         }
       }
     },
@@ -2079,6 +2239,14 @@
       "integrity": "sha1-vxEWycdYxRt6kz0pa3LCIe2UKLY=",
       "dev": true
     },
+    "aes-decrypter": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npm.taobao.org/aes-decrypter/download/aes-decrypter-1.0.3.tgz?cache=0&sync_timestamp=1610483565721&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Faes-decrypter%2Fdownload%2Faes-decrypter-1.0.3.tgz",
+      "integrity": "sha1-nAa4pUNaWtCduTP4oBSvzxhMw04=",
+      "requires": {
+        "pkcs7": "^0.2.3"
+      }
+    },
     "aggregate-error": {
       "version": "3.1.0",
       "resolved": "https://registry.npm.taobao.org/aggregate-error/download/aggregate-error-3.1.0.tgz",
@@ -2434,7 +2602,6 @@
       "version": "6.26.0",
       "resolved": "https://registry.npm.taobao.org/babel-runtime/download/babel-runtime-6.26.0.tgz",
       "integrity": "sha1-llxwWGaOgrVde/4E/yM3vItWR/4=",
-      "dev": true,
       "requires": {
         "core-js": "^2.4.0",
         "regenerator-runtime": "^0.11.0"
@@ -2443,14 +2610,12 @@
         "core-js": {
           "version": "2.6.12",
           "resolved": "https://registry.npm.taobao.org/core-js/download/core-js-2.6.12.tgz?cache=0&sync_timestamp=1611040756909&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcore-js%2Fdownload%2Fcore-js-2.6.12.tgz",
-          "integrity": "sha1-2TM9+nsGXjR8xWgiGdb2kIWcwuw=",
-          "dev": true
+          "integrity": "sha1-2TM9+nsGXjR8xWgiGdb2kIWcwuw="
         },
         "regenerator-runtime": {
           "version": "0.11.1",
           "resolved": "https://registry.npm.taobao.org/regenerator-runtime/download/regenerator-runtime-0.11.1.tgz",
-          "integrity": "sha1-vgWtf5v30i4Fb5cmzuUBf78Z4uk=",
-          "dev": true
+          "integrity": "sha1-vgWtf5v30i4Fb5cmzuUBf78Z4uk="
         }
       }
     },
@@ -4444,6 +4609,19 @@
         }
       }
     },
+    "dom7": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/dom7/-/dom7-3.0.0.tgz",
+      "integrity": "sha512-oNlcUdHsC4zb7Msx7JN3K0Nro1dzJ48knvBOnDPKJ2GV9wl1i5vydJZUSyOfrkKFDZEud/jBsTk92S/VGSAe/g==",
+      "requires": {
+        "ssr-window": "^3.0.0-alpha.1"
+      }
+  },
+    "dom-walk": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npm.taobao.org/dom-walk/download/dom-walk-0.1.2.tgz",
+      "integrity": "sha1-DFSL7wSPTR8qlySQAiNgYNqj/YQ="
+    },
     "domain-browser": {
       "version": "1.2.0",
       "resolved": "https://registry.npm.taobao.org/domain-browser/download/domain-browser-1.2.0.tgz?cache=0&sync_timestamp=1604239910191&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdomain-browser%2Fdownload%2Fdomain-browser-1.2.0.tgz",
@@ -4530,6 +4708,22 @@
         "safer-buffer": "^2.1.0"
       }
     },
+    "echarts": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npm.taobao.org/echarts/download/echarts-5.0.1.tgz?cache=0&sync_timestamp=1610776165623&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fecharts%2Fdownload%2Fecharts-5.0.1.tgz",
+      "integrity": "sha1-uZn/b1FbGqhR7QlXbq+JaGtXzpc=",
+      "requires": {
+        "tslib": "2.0.3",
+        "zrender": "5.0.3"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "2.0.3",
+          "resolved": "https://registry.npm.taobao.org/tslib/download/tslib-2.0.3.tgz?cache=0&sync_timestamp=1609887581211&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftslib%2Fdownload%2Ftslib-2.0.3.tgz",
+          "integrity": "sha1-jgdBrEX8DCJuWKF7/D5kubxsphw="
+        }
+      }
+    },
     "ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npm.taobao.org/ee-first/download/ee-first-1.1.1.tgz",
@@ -4701,6 +4895,11 @@
         "is-symbol": "^1.0.2"
       }
     },
+    "es5-shim": {
+      "version": "4.5.15",
+      "resolved": "https://registry.npm.taobao.org/es5-shim/download/es5-shim-4.5.15.tgz",
+      "integrity": "sha1-aiaGmyYYVKOwRSc/VYPFLTkCF/4="
+    },
     "escalade": {
       "version": "3.1.1",
       "resolved": "https://registry.npm.taobao.org/escalade/download/escalade-3.1.1.tgz?cache=0&sync_timestamp=1602567259580&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fescalade%2Fdownload%2Fescalade-3.1.1.tgz",
@@ -5638,6 +5837,22 @@
       "integrity": "sha1-jFoUlNIGbFcMw7/kSWF1rMTVAqs=",
       "dev": true
     },
+    "global": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npm.taobao.org/global/download/global-4.3.2.tgz",
+      "integrity": "sha1-52mJJopsdMOJCLEwWxD8DjlOnQ8=",
+      "requires": {
+        "min-document": "^2.19.0",
+        "process": "~0.5.1"
+      },
+      "dependencies": {
+        "process": {
+          "version": "0.5.2",
+          "resolved": "https://registry.npm.taobao.org/process/download/process-0.5.2.tgz",
+          "integrity": "sha1-FjjYqONML0QKkduVq5rrZ3/Bhc8="
+        }
+      }
+    },
     "globals": {
       "version": "11.12.0",
       "resolved": "https://registry.npm.taobao.org/globals/download/globals-11.12.0.tgz?cache=0&sync_timestamp=1608438470894&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fglobals%2Fdownload%2Fglobals-11.12.0.tgz",
@@ -6209,6 +6424,11 @@
       "integrity": "sha1-8w9xbI4r00bHtn0985FVZqfAVgc=",
       "dev": true
     },
+    "individual": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npm.taobao.org/individual/download/individual-2.0.0.tgz",
+      "integrity": "sha1-gzsJfa0jKU52EXqY+zjg2a1hu5c="
+    },
     "infer-owner": {
       "version": "1.0.4",
       "resolved": "https://registry.npm.taobao.org/infer-owner/download/infer-owner-1.0.4.tgz",
@@ -6547,6 +6767,11 @@
       "integrity": "sha1-8Rb4Bk/pCz94RKOJl8C3UFEmnx0=",
       "dev": true
     },
+    "is-function": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npm.taobao.org/is-function/download/is-function-1.0.2.tgz",
+      "integrity": "sha1-Twl/MKv2762smDOxfKXcA/gUTgg="
+    },
     "is-glob": {
       "version": "4.0.1",
       "resolved": "https://registry.npm.taobao.org/is-glob/download/is-glob-4.0.1.tgz",
@@ -6856,6 +7081,11 @@
         "verror": "1.10.0"
       }
     },
+    "keycode": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npm.taobao.org/keycode/download/keycode-2.2.0.tgz",
+      "integrity": "sha1-PQr1bce4uOXLqNCpfxByBO7CKwQ="
+    },
     "killable": {
       "version": "1.0.1",
       "resolved": "https://registry.npm.taobao.org/killable/download/killable-1.0.1.tgz",
@@ -7063,6 +7293,11 @@
         "yallist": "^3.0.2"
       }
     },
+    "m3u8-parser": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npm.taobao.org/m3u8-parser/download/m3u8-parser-2.1.0.tgz?cache=0&sync_timestamp=1610483556616&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fm3u8-parser%2Fdownload%2Fm3u8-parser-2.1.0.tgz",
+      "integrity": "sha1-yBcDKewc1RXQ1Yu4t2LamJbLA2g="
+    },
     "make-dir": {
       "version": "3.1.0",
       "resolved": "https://registry.npm.taobao.org/make-dir/download/make-dir-3.1.0.tgz",
@@ -7235,6 +7470,14 @@
       "integrity": "sha1-ggyGo5M0ZA6ZUWkovQP8qIBX0CI=",
       "dev": true
     },
+    "min-document": {
+      "version": "2.19.0",
+      "resolved": "https://registry.npm.taobao.org/min-document/download/min-document-2.19.0.tgz",
+      "integrity": "sha1-e9KC4/WELtKVu3SM3Z8f+iyCRoU=",
+      "requires": {
+        "dom-walk": "^0.1.0"
+      }
+    },
     "mini-css-extract-plugin": {
       "version": "0.9.0",
       "resolved": "https://registry.npm.taobao.org/mini-css-extract-plugin/download/mini-css-extract-plugin-0.9.0.tgz?cache=0&sync_timestamp=1610548193429&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmini-css-extract-plugin%2Fdownload%2Fmini-css-extract-plugin-0.9.0.tgz",
@@ -7405,6 +7648,17 @@
         "run-queue": "^1.0.3"
       }
     },
+    "mpd-parser": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npm.taobao.org/mpd-parser/download/mpd-parser-0.14.0.tgz",
+      "integrity": "sha1-9maoDB4oTkbG928BD8T1KSoCEUg=",
+      "requires": {
+        "@babel/runtime": "^7.5.5",
+        "@videojs/vhs-utils": "^2.2.1",
+        "global": "^4.3.2",
+        "xmldom": "^0.1.27"
+      }
+    },
     "ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npm.taobao.org/ms/download/ms-2.1.2.tgz?cache=0&sync_timestamp=1607433912031&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fms%2Fdownload%2Fms-2.1.2.tgz",
@@ -7433,6 +7687,14 @@
       "integrity": "sha1-FjDEKyJR/4HiooPelqVJfqkuXg0=",
       "dev": true
     },
+    "mux.js": {
+      "version": "5.9.1",
+      "resolved": "https://registry.npm.taobao.org/mux.js/download/mux.js-5.9.1.tgz",
+      "integrity": "sha1-fOpv9dKkoMdRgY9QuohoQQ+Yxnw=",
+      "requires": {
+        "@babel/runtime": "^7.11.2"
+      }
+    },
     "mz": {
       "version": "2.7.0",
       "resolved": "https://registry.npm.taobao.org/mz/download/mz-2.7.0.tgz",
@@ -7634,8 +7896,7 @@
     "object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npm.taobao.org/object-assign/download/object-assign-4.1.1.tgz",
-      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
-      "dev": true
+      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
     },
     "object-copy": {
       "version": "0.1.0",
@@ -7976,6 +8237,11 @@
         "safe-buffer": "^5.1.1"
       }
     },
+    "parse-headers": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npm.taobao.org/parse-headers/download/parse-headers-2.0.3.tgz",
+      "integrity": "sha1-Xo51Ejg9FAugLwx6qfSbQ5nJJRU="
+    },
     "parse-json": {
       "version": "5.2.0",
       "resolved": "https://registry.npm.taobao.org/parse-json/download/parse-json-5.2.0.tgz?cache=0&sync_timestamp=1610966676829&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fparse-json%2Fdownload%2Fparse-json-5.2.0.tgz",
@@ -8135,6 +8401,11 @@
         "pinkie": "^2.0.0"
       }
     },
+    "pkcs7": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npm.taobao.org/pkcs7/download/pkcs7-0.2.3.tgz",
+      "integrity": "sha1-ItYGZtAQZcXyRDkJjkpIMEUic74="
+    },
     "pkg-dir": {
       "version": "4.2.0",
       "resolved": "https://registry.npm.taobao.org/pkg-dir/download/pkg-dir-4.2.0.tgz",
@@ -8798,8 +9069,7 @@
     "process": {
       "version": "0.11.10",
       "resolved": "https://registry.npm.taobao.org/process/download/process-0.11.10.tgz",
-      "integrity": "sha1-czIwDoQBYb2j5podHZGn1LwW8YI=",
-      "dev": true
+      "integrity": "sha1-czIwDoQBYb2j5podHZGn1LwW8YI="
     },
     "process-nextick-args": {
       "version": "2.0.1",
@@ -9040,8 +9310,7 @@
     "regenerator-runtime": {
       "version": "0.13.7",
       "resolved": "https://registry.npm.taobao.org/regenerator-runtime/download/regenerator-runtime-0.13.7.tgz",
-      "integrity": "sha1-ysLazIoepnX+qrrriugziYrkb1U=",
-      "dev": true
+      "integrity": "sha1-ysLazIoepnX+qrrriugziYrkb1U="
     },
     "regenerator-transform": {
       "version": "0.14.5",
@@ -9320,6 +9589,14 @@
         "aproba": "^1.1.1"
       }
     },
+    "rust-result": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/rust-result/download/rust-result-1.0.0.tgz",
+      "integrity": "sha1-NMdbLm3Dn+WHXlveyFteD5FTb3I=",
+      "requires": {
+        "individual": "^2.0.0"
+      }
+    },
     "rxjs": {
       "version": "6.6.3",
       "resolved": "https://registry.npm.taobao.org/rxjs/download/rxjs-6.6.3.tgz?cache=0&sync_timestamp=1610927515886&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Frxjs%2Fdownload%2Frxjs-6.6.3.tgz",
@@ -9335,6 +9612,14 @@
       "integrity": "sha1-mR7GnSluAxN0fVm9/St0XDX4go0=",
       "dev": true
     },
+    "safe-json-parse": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npm.taobao.org/safe-json-parse/download/safe-json-parse-4.0.0.tgz",
+      "integrity": "sha1-fA9XjPzNEtM6ccDgVBPi7KFx6qw=",
+      "requires": {
+        "rust-result": "^1.0.0"
+      }
+    },
     "safe-regex": {
       "version": "1.1.0",
       "resolved": "https://registry.npm.taobao.org/safe-regex/download/safe-regex-1.1.0.tgz",
@@ -9957,6 +10242,11 @@
         "tweetnacl": "~0.14.0"
       }
     },
+    "ssr-window": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/ssr-window/-/ssr-window-3.0.0.tgz",
+      "integrity": "sha512-q+8UfWDg9Itrg0yWK7oe5p/XRCJpJF9OBtXfOPgSJl+u3Xd5KI328RUEvUqSMVM9CiQUEf1QdBzJMkYGErj9QA=="
+    },
     "ssri": {
       "version": "6.0.1",
       "resolved": "https://registry.npm.taobao.org/ssri/download/ssri-6.0.1.tgz",
@@ -10191,6 +10481,23 @@
         "util.promisify": "~1.0.0"
       }
     },
+    "swiper": {
+      "version": "6.4.8",
+      "resolved": "https://registry.npmjs.org/swiper/-/swiper-6.4.8.tgz",
+      "integrity": "sha512-BvpbFiWTeHq+WniJNIeyVGsGeUozQ7q4EpqkyKocopYMzWgRDAmjCy+pr5QSrmtMQFgIG0+ta+3YBvjSHT+cgQ==",
+      "requires": {
+        "dom7": "^3.0.0",
+        "ssr-window": "^3.0.0",
+        "tslib": "^2.0.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.1.0.tgz",
+          "integrity": "sha512-hcVC3wYEziELGGmEEXue7D75zbwIIVUMWAVbHItGPx0ziyXxrOMQx4rQEVEV45Ut/1IotuEvwqPopzIOkDMf0A=="
+        }
+      }
+    },
     "table": {
       "version": "5.4.6",
       "resolved": "https://registry.npm.taobao.org/table/download/table-5.4.6.tgz?cache=0&sync_timestamp=1609732758667&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftable%2Fdownload%2Ftable-5.4.6.tgz",
@@ -10543,6 +10850,11 @@
       "integrity": "sha1-zy04vcNKE0vK8QkcQfZhni9nLQA=",
       "dev": true
     },
+    "tsml": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npm.taobao.org/tsml/download/tsml-1.0.1.tgz",
+      "integrity": "sha1-ifghi52eJX9H1/a1bQHFpNLGj8M="
+    },
     "tty-browserify": {
       "version": "0.0.0",
       "resolved": "https://registry.npm.taobao.org/tty-browserify/download/tty-browserify-0.0.0.tgz",
@@ -10813,6 +11125,11 @@
         "requires-port": "^1.0.0"
       }
     },
+    "url-toolkit": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npm.taobao.org/url-toolkit/download/url-toolkit-2.2.1.tgz",
+      "integrity": "sha1-iQCe09YqNXTeB5UypyZsFNLMHE8="
+    },
     "use": {
       "version": "3.1.1",
       "resolved": "https://registry.npm.taobao.org/use/download/use-3.1.1.tgz",
@@ -10932,6 +11249,169 @@
         "extsprintf": "^1.2.0"
       }
     },
+    "video.js": {
+      "version": "7.10.2",
+      "resolved": "https://registry.npm.taobao.org/video.js/download/video.js-7.10.2.tgz",
+      "integrity": "sha1-UVaquteCDnJtcupsMjJAWcaIhaQ=",
+      "requires": {
+        "@babel/runtime": "^7.9.2",
+        "@videojs/http-streaming": "2.2.4",
+        "@videojs/xhr": "2.5.1",
+        "global": "4.3.2",
+        "keycode": "^2.2.0",
+        "safe-json-parse": "4.0.0",
+        "videojs-font": "3.2.0",
+        "videojs-vtt.js": "^0.15.2"
+      }
+    },
+    "videojs-contrib-hls": {
+      "version": "5.15.0",
+      "resolved": "https://registry.npm.taobao.org/videojs-contrib-hls/download/videojs-contrib-hls-5.15.0.tgz",
+      "integrity": "sha1-/klXNn5daLfSP3jtMuN6ndiSoKg=",
+      "requires": {
+        "aes-decrypter": "1.0.3",
+        "global": "^4.3.0",
+        "m3u8-parser": "2.1.0",
+        "mux.js": "4.3.2",
+        "url-toolkit": "^2.1.3",
+        "video.js": "^5.19.1 || ^6.2.0",
+        "videojs-contrib-media-sources": "4.7.2",
+        "webwackify": "0.1.6"
+      },
+      "dependencies": {
+        "mux.js": {
+          "version": "4.3.2",
+          "resolved": "https://registry.npm.taobao.org/mux.js/download/mux.js-4.3.2.tgz",
+          "integrity": "sha1-V21TffA33F7DXsExa5SNgV01whA="
+        },
+        "video.js": {
+          "version": "6.13.0",
+          "resolved": "https://registry.npm.taobao.org/video.js/download/video.js-6.13.0.tgz",
+          "integrity": "sha1-+Uh9RjJzQPpI7NUTcqKYHbts3kw=",
+          "requires": {
+            "babel-runtime": "^6.9.2",
+            "global": "4.3.2",
+            "safe-json-parse": "4.0.0",
+            "tsml": "1.0.1",
+            "videojs-font": "2.1.0",
+            "videojs-ie8": "1.1.2",
+            "videojs-vtt.js": "0.12.6",
+            "xhr": "2.4.0"
+          }
+        },
+        "videojs-font": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npm.taobao.org/videojs-font/download/videojs-font-2.1.0.tgz",
+          "integrity": "sha1-olkwpn9snPvyu4jay4xrRR8JM3k="
+        },
+        "videojs-vtt.js": {
+          "version": "0.12.6",
+          "resolved": "https://registry.npm.taobao.org/videojs-vtt.js/download/videojs-vtt.js-0.12.6.tgz",
+          "integrity": "sha1-4HhgC9qJnqpvnDMHE0zQyBGUe44=",
+          "requires": {
+            "global": "^4.3.1"
+          }
+        }
+      }
+    },
+    "videojs-contrib-media-sources": {
+      "version": "4.7.2",
+      "resolved": "https://registry.npm.taobao.org/videojs-contrib-media-sources/download/videojs-contrib-media-sources-4.7.2.tgz",
+      "integrity": "sha1-Ct+SkQfVt0zyyKuygkyCF35DhY4=",
+      "requires": {
+        "global": "^4.3.0",
+        "mux.js": "4.3.2",
+        "video.js": "^5.17.0 || ^6.2.0",
+        "webwackify": "0.1.6"
+      },
+      "dependencies": {
+        "mux.js": {
+          "version": "4.3.2",
+          "resolved": "https://registry.npm.taobao.org/mux.js/download/mux.js-4.3.2.tgz",
+          "integrity": "sha1-V21TffA33F7DXsExa5SNgV01whA="
+        },
+        "video.js": {
+          "version": "6.13.0",
+          "resolved": "https://registry.npm.taobao.org/video.js/download/video.js-6.13.0.tgz",
+          "integrity": "sha1-+Uh9RjJzQPpI7NUTcqKYHbts3kw=",
+          "requires": {
+            "babel-runtime": "^6.9.2",
+            "global": "4.3.2",
+            "safe-json-parse": "4.0.0",
+            "tsml": "1.0.1",
+            "videojs-font": "2.1.0",
+            "videojs-ie8": "1.1.2",
+            "videojs-vtt.js": "0.12.6",
+            "xhr": "2.4.0"
+          }
+        },
+        "videojs-font": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npm.taobao.org/videojs-font/download/videojs-font-2.1.0.tgz",
+          "integrity": "sha1-olkwpn9snPvyu4jay4xrRR8JM3k="
+        },
+        "videojs-vtt.js": {
+          "version": "0.12.6",
+          "resolved": "https://registry.npm.taobao.org/videojs-vtt.js/download/videojs-vtt.js-0.12.6.tgz",
+          "integrity": "sha1-4HhgC9qJnqpvnDMHE0zQyBGUe44=",
+          "requires": {
+            "global": "^4.3.1"
+          }
+        }
+      }
+    },
+    "videojs-flash": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npm.taobao.org/videojs-flash/download/videojs-flash-2.2.1.tgz",
+      "integrity": "sha1-GiJduxztIArpu/FeAf5KYQhtkPE=",
+      "requires": {
+        "global": "^4.4.0",
+        "video.js": "^6 || ^7",
+        "videojs-swf": "5.4.2"
+      },
+      "dependencies": {
+        "global": {
+          "version": "4.4.0",
+          "resolved": "https://registry.npm.taobao.org/global/download/global-4.4.0.tgz",
+          "integrity": "sha1-PnsQUXkAajI+1xqvyj6cV6XMZAY=",
+          "requires": {
+            "min-document": "^2.19.0",
+            "process": "^0.11.10"
+          }
+        }
+      }
+    },
+    "videojs-font": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npm.taobao.org/videojs-font/download/videojs-font-3.2.0.tgz",
+      "integrity": "sha1-ISydP05Ow/pzRRZ9ZDFq3TXpIjI="
+    },
+    "videojs-hotkeys": {
+      "version": "0.2.27",
+      "resolved": "https://registry.npm.taobao.org/videojs-hotkeys/download/videojs-hotkeys-0.2.27.tgz",
+      "integrity": "sha1-Dfl5Urnf8ObMHPikOf7X6snHPwE="
+    },
+    "videojs-ie8": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npm.taobao.org/videojs-ie8/download/videojs-ie8-1.1.2.tgz",
+      "integrity": "sha1-oj09hgitcZK2nGB3/E64SJmNNdk=",
+      "requires": {
+        "es5-shim": "^4.5.1"
+      }
+    },
+    "videojs-swf": {
+      "version": "5.4.2",
+      "resolved": "https://registry.npm.taobao.org/videojs-swf/download/videojs-swf-5.4.2.tgz",
+      "integrity": "sha1-aWSpv/kDtzLz5GUxSuR4oCoX6Ks="
+    },
+    "videojs-vtt.js": {
+      "version": "0.15.2",
+      "resolved": "https://registry.npm.taobao.org/videojs-vtt.js/download/videojs-vtt.js-0.15.2.tgz",
+      "integrity": "sha1-qCjE6gqsYwP6Rx/Wm8dYaluhonM=",
+      "requires": {
+        "global": "^4.3.1"
+      }
+    },
     "vm-browserify": {
       "version": "1.1.2",
       "resolved": "https://registry.npm.taobao.org/vm-browserify/download/vm-browserify-1.1.2.tgz",
@@ -10943,6 +11423,11 @@
       "resolved": "https://registry.npm.taobao.org/vue/download/vue-2.6.12.tgz?cache=0&sync_timestamp=1609359858533&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue%2Fdownload%2Fvue-2.6.12.tgz",
       "integrity": "sha1-9evU+mvShpQD4pqJau1JBEVskSM="
     },
+    "vue-awesome-swiper": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/vue-awesome-swiper/-/vue-awesome-swiper-4.1.1.tgz",
+      "integrity": "sha512-50um10t6N+lJaORkpwSi1wWuMmBI1sgFc9Znsi5oUykw2cO5DzLaBHcO2JNX21R+Ue4TGoIJDhhxjBHtkFrTEQ=="
+    },
     "vue-eslint-parser": {
       "version": "7.4.1",
       "resolved": "https://registry.npm.taobao.org/vue-eslint-parser/download/vue-eslint-parser-7.4.1.tgz?cache=0&sync_timestamp=1611231636955&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-eslint-parser%2Fdownload%2Fvue-eslint-parser-7.4.1.tgz",
@@ -10996,86 +11481,10 @@
         }
       }
     },
-    "vue-loader-v16": {
-      "version": "npm:vue-loader@16.1.2",
-      "resolved": "https://registry.npm.taobao.org/vue-loader/download/vue-loader-16.1.2.tgz",
-      "integrity": "sha1-XAO2xQ0qX5g8fOuhXFDXjKKymPQ=",
-      "dev": true,
-      "optional": true,
-      "requires": {
-        "chalk": "^4.1.0",
-        "hash-sum": "^2.0.0",
-        "loader-utils": "^2.0.0"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npm.taobao.org/ansi-styles/download/ansi-styles-4.3.0.tgz?cache=0&sync_timestamp=1611325836307&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fansi-styles%2Fdownload%2Fansi-styles-4.3.0.tgz",
-          "integrity": "sha1-7dgDYornHATIWuegkG7a00tkiTc=",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npm.taobao.org/chalk/download/chalk-4.1.0.tgz",
-          "integrity": "sha1-ThSHCmGNni7dl92DRf2dncMVZGo=",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npm.taobao.org/color-convert/download/color-convert-2.0.1.tgz",
-          "integrity": "sha1-ctOmjVmMm9s68q0ehPIdiWq9TeM=",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npm.taobao.org/color-name/download/color-name-1.1.4.tgz",
-          "integrity": "sha1-wqCah6y95pVD3m9j+jmVyCbFNqI=",
-          "dev": true,
-          "optional": true
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npm.taobao.org/has-flag/download/has-flag-4.0.0.tgz",
-          "integrity": "sha1-lEdx/ZyByBJlxNaUGGDaBrtZR5s=",
-          "dev": true,
-          "optional": true
-        },
-        "loader-utils": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npm.taobao.org/loader-utils/download/loader-utils-2.0.0.tgz",
-          "integrity": "sha1-5MrOW4FtQloWa18JfhDNErNgZLA=",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "big.js": "^5.2.2",
-            "emojis-list": "^3.0.0",
-            "json5": "^2.1.2"
-          }
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npm.taobao.org/supports-color/download/supports-color-7.2.0.tgz?cache=0&sync_timestamp=1611394404603&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsupports-color%2Fdownload%2Fsupports-color-7.2.0.tgz",
-          "integrity": "sha1-G33NyzK4E4gBs+R4umpRyqiWSNo=",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        }
-      }
+    "vue-router": {
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.5.1.tgz",
+      "integrity": "sha512-RRQNLT8Mzr8z7eL4p7BtKvRaTSGdCbTy2+Mm5HTJvLGYSSeG9gDzNasJPP/yOYKLy+/cLG/ftrqq5fvkFwBJEw=="
     },
     "vue-style-loader": {
       "version": "4.1.2",
@@ -11111,6 +11520,48 @@
       "integrity": "sha1-HuO8mhbsv1EYvjNLsV+cRvgvWCU=",
       "dev": true
     },
+    "vue-video-player": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npm.taobao.org/vue-video-player/download/vue-video-player-5.0.2.tgz",
+      "integrity": "sha1-NKQiOf8wTvx2mNogpBZQUddmweY=",
+      "requires": {
+        "object-assign": "^4.1.1",
+        "video.js": "^6.6.0",
+        "videojs-contrib-hls": "^5.12.2",
+        "videojs-flash": "^2.1.0",
+        "videojs-hotkeys": "^0.2.20"
+      },
+      "dependencies": {
+        "video.js": {
+          "version": "6.13.0",
+          "resolved": "https://registry.npm.taobao.org/video.js/download/video.js-6.13.0.tgz",
+          "integrity": "sha1-+Uh9RjJzQPpI7NUTcqKYHbts3kw=",
+          "requires": {
+            "babel-runtime": "^6.9.2",
+            "global": "4.3.2",
+            "safe-json-parse": "4.0.0",
+            "tsml": "1.0.1",
+            "videojs-font": "2.1.0",
+            "videojs-ie8": "1.1.2",
+            "videojs-vtt.js": "0.12.6",
+            "xhr": "2.4.0"
+          }
+        },
+        "videojs-font": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npm.taobao.org/videojs-font/download/videojs-font-2.1.0.tgz",
+          "integrity": "sha1-olkwpn9snPvyu4jay4xrRR8JM3k="
+        },
+        "videojs-vtt.js": {
+          "version": "0.12.6",
+          "resolved": "https://registry.npm.taobao.org/videojs-vtt.js/download/videojs-vtt.js-0.12.6.tgz",
+          "integrity": "sha1-4HhgC9qJnqpvnDMHE0zQyBGUe44=",
+          "requires": {
+            "global": "^4.3.1"
+          }
+        }
+      }
+    },
     "watchpack": {
       "version": "1.7.5",
       "resolved": "https://registry.npm.taobao.org/watchpack/download/watchpack-1.7.5.tgz?cache=0&sync_timestamp=1607687503110&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fwatchpack%2Fdownload%2Fwatchpack-1.7.5.tgz",
@@ -11763,6 +12214,11 @@
       "integrity": "sha1-f4RzvIOd/YdgituV1+sHUhFXikI=",
       "dev": true
     },
+    "webwackify": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npm.taobao.org/webwackify/download/webwackify-0.1.6.tgz",
+      "integrity": "sha1-HUKhKsYYI9fjRaveCE6qpipKles="
+    },
     "which": {
       "version": "1.3.1",
       "resolved": "https://registry.npm.taobao.org/which/download/which-1.3.1.tgz",
@@ -11854,11 +12310,26 @@
         "async-limiter": "~1.0.0"
       }
     },
+    "xhr": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npm.taobao.org/xhr/download/xhr-2.4.0.tgz",
+      "integrity": "sha1-4W5mpF+GmGHu76tBbV7/ci3ECZM=",
+      "requires": {
+        "global": "~4.3.0",
+        "is-function": "^1.0.1",
+        "parse-headers": "^2.0.0",
+        "xtend": "^4.0.0"
+      }
+    },
+    "xmldom": {
+      "version": "0.1.31",
+      "resolved": "https://registry.npm.taobao.org/xmldom/download/xmldom-0.1.31.tgz",
+      "integrity": "sha1-t2yaG9nwqXN+WnLcNyMc84N14v8="
+    },
     "xtend": {
       "version": "4.0.2",
       "resolved": "https://registry.npm.taobao.org/xtend/download/xtend-4.0.2.tgz",
-      "integrity": "sha1-u3J3n1+kZRhrH0OPZ0+jR/2121Q=",
-      "dev": true
+      "integrity": "sha1-u3J3n1+kZRhrH0OPZ0+jR/2121Q="
     },
     "y18n": {
       "version": "4.0.1",
@@ -11979,6 +12450,21 @@
           "dev": true
         }
       }
+    },
+    "zrender": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npm.taobao.org/zrender/download/zrender-5.0.3.tgz",
+      "integrity": "sha1-XgSlXTZFUGfkU2yM6cJQk/UPa2g=",
+      "requires": {
+        "tslib": "2.0.3"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "2.0.3",
+          "resolved": "https://registry.npm.taobao.org/tslib/download/tslib-2.0.3.tgz?cache=0&sync_timestamp=1609887581211&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftslib%2Fdownload%2Ftslib-2.0.3.tgz",
+          "integrity": "sha1-jgdBrEX8DCJuWKF7/D5kubxsphw="
+        }
+      }
     }
   }
 }
diff --git a/package.json b/package.json
index 8bc9e67..7ac5518 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,13 @@
   },
   "dependencies": {
     "core-js": "^3.6.5",
-    "vue": "^2.6.11"
+    "swiper": "^6.4.8",
+    "vue": "^2.6.11",
+    "vue-awesome-swiper": "^4.1.1",
+    "vue-router": "^3.5.1"
+    "echarts": "^5.0.1",
+    "mux.js": "^5.9.1",
+    "vue-video-player": "^5.0.2"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "~4.5.0",
@@ -19,6 +25,7 @@
     "element-ui": "^2.15.0",
     "eslint": "^6.7.2",
     "eslint-plugin-vue": "^6.2.2",
+    "video.js": "^7.10.2",
     "vue-template-compiler": "^2.6.11"
   },
   "eslintConfig": {
diff --git a/request.js b/request.js
new file mode 100644
index 0000000..d3e856b
--- /dev/null
+++ b/request.js
@@ -0,0 +1,39 @@
+import axios from 'axios'
+import { Message } from 'element-ui'
+const service=axios.create({
+    baseURL:'https://elm.cangdu.org',
+    timeout:5000,
+})
+//请求拦截
+//
+service.interceptors.request.use(
+    config=>{
+        //localStroage,cookie;
+
+        return config
+    },
+    error=>{
+        return Promise.reject(error)
+    }
+)
+//响应拦截
+/**服务器给我们返回的数据
+ * 根据后台返回的状态码 ；如果是200；那就是正常返回数据；
+ * 404，500，
+ */
+service.interceptors.response.use(
+    response=>{
+      //  console.log(response)
+        return response.data
+    },
+    error=>{
+        console.log(error);
+        Message({
+            message:error.message,
+            type:'error',
+            duration:5*1000
+        })
+        return Promise.reject(error)
+    }
+)
+export default service
\ No newline at end of file
diff --git a/src/App.vue b/src/App.vue
index 2787906..1c0cdf9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,40 +1,25 @@
 <template>
   <div id="app">
-    <el-checkbox-group v-model="checkList">
-      <el-checkbox label="复选框 A"></el-checkbox>
-      <el-checkbox label="复选框 B"></el-checkbox>
-      <el-checkbox label="复选框 C"></el-checkbox>
-      <el-checkbox label="禁用" disabled></el-checkbox>
-      <el-checkbox label="选中且禁用" disabled></el-checkbox>
-    </el-checkbox-group>
-    <img alt="Vue logo" src="./assets/logo.png">
-    <HelloWorld msg="Welcome to Your Vue.js App"/>
+    <router-view/>
   </div>
 </template>
 
 <script>
-import HelloWorld from './components/HelloWorld.vue'
+
 
 export default {
   name: 'App',
   data () {
     return {
-      checkList: ['选中且禁用','复选框 A']
-    };
+      
+    }
   },
-  components: {
-    HelloWorld
-  }
 }
 </script>
 
 <style>
-#app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-  margin-top: 60px;
+*{
+  margin: 0px;
+  padding: 0px;
 }
 </style>
diff --git a/src/api/index.js b/src/api/index.js
new file mode 100644
index 0000000..9cb0b9e
--- /dev/null
+++ b/src/api/index.js
@@ -0,0 +1,22 @@
+import request from '@/utils/request'
+export function login(data){
+    return request({
+        url:'/admin/login',
+        method:'post',
+        data:data//?
+    })
+}
+export function getFoods(data){
+    return request({
+        url:'/shopping/restaurants?latitude=31.22967&longitude=121.4762',
+        method:'get',
+        data:data//?
+    })
+}
+export function delFoods(id){
+    return request({
+        url:`/shopping/restaurant/:restaurant_id`,
+        method:'delete',
+        id:id//?
+    })
+}
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
index 879051a..61bfbdd 100644
--- a/src/components/HelloWorld.vue
+++ b/src/components/HelloWorld.vue
@@ -1,58 +1,67 @@
 <template>
   <div class="hello">
-    <h1>{{ msg }}</h1>
-    <p>
-      For a guide and recipes on how to configure / customize this project,<br>
-      check out the
-      <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
-    </p>
-    <h3>Installed CLI Plugins</h3>
-    <ul>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
-    </ul>
-    <h3>Essential Links</h3>
-    <ul>
-      <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
-      <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
-      <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
-      <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
-      <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
-    </ul>
-    <h3>Ecosystem</h3>
-    <ul>
-      <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
-      <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
-      <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
-      <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
-      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
-    </ul>
   </div>
 </template>
-
 <script>
 export default {
-  name: 'HelloWorld',
-  props: {
-    msg: String
+  data() {
+    return {
+      value: 4.5,
+      value1: 5.0,
+      value2: 5.0,
+      colors: ['#99A9BF', '#F7BA2A', '#FF9900'],
+      color:true,
+      activeName: 'first',
+      playerOptions: {
+        playbackRates: [0.5, 1.0, 1.5, 2.0], // 可选的播放速度
+        autoplay: false, // 如果为true,浏览器准备好时开始回放。
+        muted: false, // 默认情况下将会消除任何音频。
+        loop: false, // 是否视频一结束就重新开始。
+        preload: 'auto', // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）
+        language: 'zh-CN',
+        aspectRatio: '16:9', // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
+        fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。
+        sources: [{
+          type: "video/mp4", // 类型
+          src: 'https://stream7.iqilu.com/10339/upload_transcode/202002/18/20200218114723HDu3hhxqIT.mp4' // url地址
+        }],
+        poster: '', // 封面地址
+        notSupportedMessage: '此视频暂无法播放，请稍后再试', // 允许覆盖Video.js无法播放媒体源时显示的默认信息。
+        controlBar: {
+          timeDivider: true, // 当前时间和持续时间的分隔符
+          durationDisplay: true, // 显示持续时间
+          remainingTimeDisplay: false, // 是否显示剩余时间功能
+          fullscreenToggle: true // 是否显示全屏按钮
+        }
+      }
+    }
+  },
+  methods: {
+
   }
 }
 </script>
-
-<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped>
-h3 {
-  margin: 40px 0 0;
-}
-ul {
-  list-style-type: none;
-  padding: 0;
+<style>
+.el-icon-star-on{
+  font-size: 25px;
 }
-li {
-  display: inline-block;
-  margin: 0 10px;
-}
-a {
-  color: #42b983;
+.card{
+  border-radius: 10px;
+  padding: 15px 0;
+  background-color: #FF9E00;
+  color: white;
+  font-weight: bolder;
+  font-size: 25px;
+  width: 85%;
 }
 </style>
+
+"pages":[
+"pages/XXX/XXX"
+]
+
+XXX:function (options){
+wx.navigateTo({
+url:''
+})
+}
\ No newline at end of file
diff --git a/src/experiment/experiment.vue b/src/experiment/experiment.vue
new file mode 100644
index 0000000..a51f966
--- /dev/null
+++ b/src/experiment/experiment.vue
@@ -0,0 +1,180 @@
+<template>
+  <div>
+    <el-row style="padding:0 40px" type="flex" justify="space-between">
+      <el-col :span="8">
+        <el-tabs v-model="activeName" tabPosition="bottom" @tab-click="color=!color" stretch="ture">
+          <el-tab-pane label="项目介绍视频" name="first" :class="{a: color}" @tab-click="changeColor(this)">
+            <div class='demo'>
+              <video-player class="video-player vjs-custom-skin"
+                            ref="videoPlayer"
+                            :playsinline="true"
+                            :options="playerOptions">
+              </video-player>
+            </div>
+          </el-tab-pane>
+          <el-tab-pane label="教学引导视频" name="second" @tab-click="changeColor(this)">
+            <div class='demo'>
+              <video-player class="video-player vjs-custom-skin"
+                            ref="videoPlayer"
+                            :playsinline="true"
+                            :options="playerOptions">
+              </video-player>
+            </div>
+          </el-tab-pane>
+        </el-tabs>
+      </el-col>
+      <el-col :span="15" style="text-align:left; ">
+        <h2 style="margin: 0px">虚拟实验标题虚拟实验标题虚拟实验标题</h2>
+        <el-rate
+            v-model="value"
+            disabled
+            show-score
+            :colors="colors"
+            style="padding: 10px 0"
+            text-color="#ff9900"
+            score-template="{value}">
+        </el-rate>
+        <h4 style="margin: 0px">实验学时：4</h4>
+        <h4 style="margin: 0px">实验负责人：XX</h4>
+        <p style="font-size: 14px">实验简介实验简介实验简介实验简介实验简介实验简介实验简介实验简介实验简介实验简介实验简介实验简介实验简介实验简介实验简介实验简介实验简介实验简介实验简介实验简介实验简介实验简介实验简介实验简介实验简介实验简介实验简介实验简介实验简介实验简介实验简介实验简介实验简介实验简介</p>
+        <el-button style="color: #fff;background-color: #FF9E00;font-size: 25px;padding: 20px" size="medium">查看实验报告</el-button>
+      </el-col>
+    </el-row>
+    <el-divider></el-divider>
+    <el-row style="padding:0 40px" type="flex" justify="space-around">
+      <el-col :span="7">
+        <el-card class="box-card">
+          <div class="card">
+            <i style="font-size: 35px" class="el-icon-edit"></i>
+            课前预习
+          </div>
+          <div style="text-align: left;height: 100px">
+            <p>查看本实验学习资料</p>
+            <p>掌握学习内容</p>
+          </div>
+        </el-card>
+      </el-col>
+      <el-col :span="7">
+        <el-card class="box-card">
+          <div class="card">
+            <i style="font-size: 35px" class="el-icon-document"></i>
+            考题测验
+          </div>
+          <div style="text-align: left;height: 100px">
+            <p>根据学习内容进行试题考核</p>
+            <p>检验对知识内容的掌握情况</p>
+          </div>
+        </el-card>
+      </el-col>
+      <el-col :span="7">
+        <el-card class="box-card">
+          <div class="card">
+            <i style="font-size: 35px" class="el-icon-attract"></i>
+            开始实验
+          </div>
+          <div style="text-align: left;height: 100px">
+            <p>进入虚拟仿真实验里</p>
+            <p>真实环境更好掌握实验内容</p>
+            <el-button style="border-radius: 10px;background-color: #FF9E00;color: white;font-weight: bolder;font-size: 13px;width: 30%;float: right">客户端下载</el-button>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+    <el-divider></el-divider>
+    <div style="width: 80%;margin: 0 auto;text-align: left">
+      <div style="padding:5px 15px;background-color: #FF9E00;color: white;font-weight: bolder;font-size: 15px;">
+        实验讨论
+      </div>
+      <div style="width: 100%;box-sizing: border-box;border: 1px solid #BBBBBB;padding: 10px 40px">
+        <div style="display: flex;">
+          <span style="font-size: 16px;font-weight: bolder;padding-top: 1px">综合评分</span>
+          <el-rate
+              v-model="value1"
+              disabled
+              show-score
+              :colors="colors"
+              text-color="#ff9900"
+              score-template="{value}">
+          </el-rate>
+          <span style="font-size: 12px;padding-top: 4px">(2人评价)</span>
+        </div>
+        <el-divider></el-divider>
+        <div style="display: flex;">
+          <span>我的评价：</span>
+          <el-rate
+              v-model="value2"
+              disabled
+              show-score
+              :colors="colors"
+              text-color="#ff9900"
+              score-template="{value}">
+          </el-rate>
+        </div>
+        <span>超级赞的实验课程</span>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      value: 4.5,
+      value1: 5.0,
+      value2: 5.0,
+      colors: ['#99A9BF', '#F7BA2A', '#FF9900'],
+      color:true,
+      activeName: 'first',
+      playerOptions: {
+        playbackRates: [0.5, 1.0, 1.5, 2.0], // 可选的播放速度
+        autoplay: false, // 如果为true,浏览器准备好时开始回放。
+        muted: false, // 默认情况下将会消除任何音频。
+        loop: false, // 是否视频一结束就重新开始。
+        preload: 'auto', // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）
+        language: 'zh-CN',
+        aspectRatio: '16:9', // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
+        fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。
+        sources: [{
+          type: "video/mp4", // 类型
+          src: 'https://stream7.iqilu.com/10339/upload_transcode/202002/18/20200218114723HDu3hhxqIT.mp4' // url地址
+        }],
+        poster: '', // 封面地址
+        notSupportedMessage: '此视频暂无法播放，请稍后再试', // 允许覆盖Video.js无法播放媒体源时显示的默认信息。
+        controlBar: {
+          timeDivider: true, // 当前时间和持续时间的分隔符
+          durationDisplay: true, // 显示持续时间
+          remainingTimeDisplay: false, // 是否显示剩余时间功能
+          fullscreenToggle: true // 是否显示全屏按钮
+        }
+      }
+    }
+  },
+  methods: {
+
+  }
+}
+</script>
+<style>
+.el-icon-star-on{
+  font-size: 25px;
+}
+.card{
+  border-radius: 10px;
+  padding: 15px 0;
+  background-color: #FF9E00;
+  color: white;
+  font-weight: bolder;
+  font-size: 25px;
+  width: 85%;
+}
+</style>
+
+"pages":[
+"pages/XXX/XXX"
+]
+
+XXX:function (options){
+wx.navigateTo({
+url:''
+})
+}
\ No newline at end of file
diff --git a/src/header/index.vue b/src/header/index.vue
new file mode 100644
index 0000000..cd7ee40
--- /dev/null
+++ b/src/header/index.vue
@@ -0,0 +1,90 @@
+<template>
+    <div>
+    <el-container>
+        <el-header class="header">
+          <div id="header">
+          <div id="logo"></div><div id="vr"></div>
+          <div class="title-demo">
+            <el-menu :default-active="activeIndex2"  mode="horizontal"
+            active-text-color="#FF9E00">
+            <el-menu-item index="1">首页</el-menu-item>
+            <el-menu-item index="2">实验中心</el-menu-item>
+            <el-menu-item index="3">咨询论坛</el-menu-item>
+            <el-menu-item index="4">教师中心</el-menu-item>
+            <el-menu-item index="5">关于我们</el-menu-item>
+          </el-menu>
+        </div>
+          <div id="user"><i class="el-icon-user-solid" style="color:orange"></i>李小二</div>
+        </div>
+        </el-header>
+        <el-main class="main-container">
+            <keep-alive>
+              <router-view/>
+            </keep-alive>
+        </el-main>
+    </el-container>
+    </div>
+</template>
+<style>
+  *{
+    margin: 0;
+    padding: 0;
+  }
+  .header{
+    overflow: hidden;
+  }
+  #logo{
+    margin-top: 10px;
+    margin-left: 30px;
+    height: 50px;
+    width: 150px;
+    float: left;
+    background-image: url('logo.png');
+  }
+  #vr{
+    margin-top: 10px;
+    margin-left: 30px;
+    height: 50px;
+    width: 300px;
+    float: left;
+    background-image: url('vr.png');
+  }
+  #user{
+    width:60px;
+    margin-top: 30px;
+    font-size: 12px;
+    margin-right: 50px;
+    float: right;
+  }
+  .el-icon-user-solid{
+    margin-right: 5px;
+  }
+  .title-demo{
+    float: left;
+    margin-left: 50px;
+    margin-top: 10px;
+    font-weight: 600;
+    width: 480px;
+ 
+  }
+
+</style>
+<script>
+  export default {
+    data () {
+      return {
+        circleUrl: "https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",
+      }
+    },
+    methods:{
+      // getShiyan(id){
+      //   this.$router.push({
+      //     path:'/teacher',
+      //     query:{
+      //       id:id,
+      //     }
+      //   })
+      // },
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/header/logo.png b/src/header/logo.png
new file mode 100644
index 0000000..b97e30b
Binary files /dev/null and b/src/header/logo.png differ
diff --git a/src/header/vr.png b/src/header/vr.png
new file mode 100644
index 0000000..98a61f5
Binary files /dev/null and b/src/header/vr.png differ
diff --git a/src/main.js b/src/main.js
index 7538875..d91a356 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,12 +1,26 @@
 import Vue from 'vue'
-// import App from './App.vue'
+import App from './App.vue'
 import News from '@/views/news/index.vue'
+import editor from '@/views/Experiment editor/index.vue'
+import router from './router'
 import ElementUI from 'element-ui';
+import echarts from 'echarts'
 import 'element-ui/lib/theme-chalk/index.css';
+import VueAwesomeSwiper from 'vue-awesome-swiper'
+import 'swiper/swiper-bundle.css'
+Vue.use(VueAwesomeSwiper)
+import VideoPlayer from 'vue-video-player';
+import 'vue-video-player/src/custom-theme.css'
+import 'video.js/dist/video-js.css'
+import 'videojs-flash'
+import 'videojs-contrib-hls'
 
+Vue.prototype.$echarts = echarts
 Vue.use(ElementUI);
+Vue.use(VideoPlayer);
 Vue.config.productionTip = false
 
 new Vue({
-  render: h => h(News),
+  router,
+  render: h => h(App),
 }).$mount('#app')
diff --git a/src/router/index.js b/src/router/index.js
new file mode 100644
index 0000000..d706a79
--- /dev/null
+++ b/src/router/index.js
@@ -0,0 +1,29 @@
+import VueRouter from 'vue-router'
+import Vue from 'vue'
+import tou from '@/header/index'
+Vue.use(VueRouter)
+import ExperimentEditor from '@/views/Experiment editor/index.vue'
+
+export default new VueRouter({
+  mode:'history',
+    routes:[
+    {
+        path:'/ExperimentEditor',
+        component:ExperimentEditor,
+        children:[
+            {
+                path:'/synopsis',
+                component:()=>import('@/views/Experiment editor/synopsis.vue')
+            },
+           {
+                    path: '/shouye',
+                    component: () => import('@/views/shouye/index')
+                },
+                {
+                    path: '/teacher',
+                    component: () => import('@/views/teacher/index')
+                },
+        ]
+    }
+]
+})
\ No newline at end of file
diff --git a/src/views/Experiment editor/exp-back.png b/src/views/Experiment editor/exp-back.png
new file mode 100644
index 0000000..00e9c3a
Binary files /dev/null and b/src/views/Experiment editor/exp-back.png differ
diff --git a/src/views/Experiment editor/index.vue b/src/views/Experiment editor/index.vue
index e69de29..2de192c 100644
--- a/src/views/Experiment editor/index.vue	
+++ b/src/views/Experiment editor/index.vue	
@@ -0,0 +1,94 @@
+<template>
+    <div id="exp-box">
+        <div id="exp-router">
+            <div id="exp-router-back">
+                <div id="exp-router-back-img"></div>
+                <el-button id="exp-router-back-write" type="text">返回</el-button>
+            </div>
+                <el-menu default-active="2" 
+                        class="el-menu-vertical-demo" 
+                        style="margin-top:60px;border:none;"
+                        active-text-color="#FF9E00">
+                    <el-menu-item index="1">
+                        <span slot="title" id="exp-router-write" @click="toSynopsis()">简介信息</span>
+                    </el-menu-item>
+                    <el-menu-item index="2" >
+                        <span slot="title" id="exp-router-write">详细信息</span>
+                    </el-menu-item>
+                    <el-menu-item index="3">
+                        <span slot="title" id="exp-router-write">特色信息</span>
+                    </el-menu-item>
+                </el-menu>
+        </div>
+
+        <div id="exp-main">
+            <keep-alive>
+                <router-view/>
+          </keep-alive>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    methods:{
+        toSynopsis(){
+                this.$router.push({
+              path:'/synopsis',
+          });
+        }
+    }
+}
+</script>
+
+<style>
+    *{
+        margin: 0px;
+        padding: 0px;
+    }
+        #exp-box{
+            display: flex;
+            /* border: 1px solid rgb(0, 0, 0); */
+        }
+            #exp-router{
+                width: 10%;
+                height: 30%;
+                /* border: 1px solid red; */
+                margin-left: 6%;
+                margin-top: 4%;
+            }
+                #exp-router-back{
+                    height: 30px;
+                    line-height: 30px;
+                    width: 100%;
+                    /* border: 1px solid red; */
+                    display: flex;
+                }
+                    #exp-router-back-img{
+                        /* border: 1px solid red; */
+                        width: 39px;
+                        height: 30px;
+                        background-image: url('exp-back.png');
+                    }
+                    #exp-router-back-write{
+                        padding-top: 5px;
+                        /* border: 1px solid red; */
+                        margin-left: 7%;
+                        font-size: 23px;
+                        font-weight: 600;
+                        color: #FF9E00;
+                    }
+                        #exp-router-write{
+                            margin-left: 30%;
+                            font-size: 25px;
+                            font-weight: 600;
+                            /* color: #FF9E00; */
+                            /* color: black; */
+                        }
+            #exp-main{
+                /* border: 1px solid rgb(0, 17, 255); */
+                width: 70%;
+                margin-left: 12%;
+                margin-top: 9%;
+            }
+</style>
\ No newline at end of file
diff --git a/src/views/Experiment editor/synopsis.vue b/src/views/Experiment editor/synopsis.vue
new file mode 100644
index 0000000..461f688
--- /dev/null
+++ b/src/views/Experiment editor/synopsis.vue	
@@ -0,0 +1,232 @@
+<template>
+    <div id="synopsis-box">
+        <div id="synopsis-name">
+            <p id="synopsis-write">实验名称</p>
+            <el-input v-model="experimentName" 
+                    placeholder="输入实验名称" 
+                    style="width:200px;
+                            margin-left:20px;
+                            font-size:18px"></el-input>
+
+        </div>
+        
+        <div id="synopsis-img">
+            <p id="synopsis-write">实验图片</p>
+            <el-upload
+                        class="avatar-uploader"
+                        action="https://jsonplaceholder.typicode.com/posts/"
+                        :show-file-list="false"
+                        :on-success="handleAvatarSuccess"
+                        :before-upload="beforeAvatarUpload">
+                        <img v-if="imageUrl" :src="imageUrl" class="avatar">
+            <i v-else class="el-icon-plus avatar-uploader-icon">
+            </i>
+            </el-upload>
+        </div>
+
+        <div id="synopsis-teacher">
+            <p id="synopsis-write">实验老师</p>
+            <div style="margin-left:20px">
+                <template>
+                    <el-select v-model="TwacherValue" placeholder="请选择">
+                        <el-option  v-for="item in options"
+                                    :key="item.TeacherNumber"
+                                    :label="item.expTeacher"
+                                    :value="item.TeacherNumber">
+                    </el-option>
+                    </el-select>
+                </template>
+            </div>
+        </div>
+
+        <div id="synopsis-Video">
+            <p id="synopsis-write">简介视频</p>
+            <el-upload
+                        class="avatar-uploader"
+                        action="https://jsonplaceholder.typicode.com/posts/"
+                        :show-file-list="false"
+                        :on-success="handleAvatarSuccess"
+                        :before-upload="beforeAvatarUpload">
+                        <img v-if="SynopsisVideoUrl" :src="imageUrl" class="avatar">
+            <i v-else class="el-icon-plus avatar-uploader-icon">
+            </i>
+            </el-upload>
+        </div>
+
+        <div id="synopsis-Video">
+            <p id="synopsis-write">引导视频</p>
+            <el-upload 
+                        class="avatar-uploader"
+                        action="https://jsonplaceholder.typicode.com/posts/"
+                        :show-file-list="false"
+                        :on-success="handleAvatarSuccess"
+                        :before-upload="beforeAvatarUpload">
+                        <img v-if="GuideVideoUrl" :src="imageUrl" class="avatar">
+            <i v-else class="el-icon-plus avatar-uploader-icon">
+            </i>
+            </el-upload>
+        </div>
+
+        <div id="synopsis-synopsis">
+            <p id="synopsis-write">实验简介</p>
+            <el-input type="textarea"
+                        :rows="10"
+                        placeholder="实验简介"
+                        v-model="synopsisArea"
+                        style="margin-left:15px;
+                               width:85%;">
+            </el-input>
+        </div>
+
+        <div id="synopsis-btton">
+            <el-row>
+                <el-button type="warning" id="synopsisBtton">下一条</el-button>
+                 <el-button type="success" id="synopsisBtton">生成实验</el-button>
+            </el-row>
+        </div>
+
+        <div style="width:100%;height:200px"></div>
+    </div>
+</template>
+
+<script>
+export default {
+    data(){
+        return{
+            experimentName:'',
+            imageUrl: '',
+            TwacherValue:'',
+            SynopsisVideoUrl:'',
+            GuideVideoUrl:'',
+            synopsisArea:'',
+
+
+
+            options: [{
+                TeacherNumber: '选项1',
+                expTeacher: '张三'
+                }, {
+                TeacherNumber: '选项2',
+                expTeacher: '李四'
+                }, {
+                TeacherNumber: '选项3',
+                expTeacher: '王五'
+            }],
+        }
+    },
+
+
+    methods: {
+
+
+
+
+
+
+    // 图片上传方法
+    handleAvatarSuccess(res, file) {
+        this.imageUrl = URL.createObjectURL(file.raw);
+    },
+    beforeAvatarUpload(file) {
+        const isJPG = file.type === 'image/jpeg';
+        const isLt2M = file.size / 1024 / 1024 < 2;
+        if (!isJPG) {
+            this.$message.error('上传头像图片只能是 JPG 格式!');
+        }
+        if (!isLt2M) {
+            this.$message.error('上传头像图片大小不能超过 2MB!');
+        }
+        return isJPG && isLt2M;
+        } 
+    }
+}
+</script>
+
+<style>
+    *{
+        margin: 0px;
+        padding: 0px;
+    }
+        #synopsis-box{
+            /* border: 1px solid red; */
+        }
+            #synopsis-name{
+                width: 300px;
+                height: 40px;
+                line-height: 40px;
+                /* border: 1px solid red; */
+                display: flex;
+            }
+                #synopsis-write{
+                    font-size:18px
+                }
+            #synopsis-img{
+                /* border: 1px solid red; */
+                margin-top: 20px;
+                display: flex;
+            }
+            #synopsis-teacher{
+                height: 40px;
+                line-height: 40px;
+                margin-top: 15px;
+                display: flex;
+                /* border: 1px solid red; */
+            }
+            #synopsis-Video{
+                display: flex;
+                margin-top: 15px;
+                /* border: 1px solid red; */
+            }
+            #synopsis-synopsis{
+                display: flex;
+                margin-top: 15px;
+                width: 60%;
+                /* border: 1px solid red; */
+            }
+            #synopsis-btton{
+                margin-top: 25px;
+                margin-left: 7%;
+                width: 1200px;
+                /* border: 1px solid red; */
+            }
+                #synopsisBtton{
+                    width: 180px;
+                    height: 60px;
+                    font-size: 30px;
+                    font-weight: 600;
+                    margin-right: 150px;
+                }
+</style>
+
+
+
+
+
+
+// 图片上传框样式
+<style>
+  .avatar-uploader .el-upload {
+    margin-left: 20px;
+    border: 1px dashed #d9d9d9;
+    border-radius: 6px;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+  }
+  .avatar-uploader .el-upload:hover {
+    border-color: #409EFF;
+  }
+  .avatar-uploader-icon {
+    font-size: 28px;
+    color: #8c939d;
+    width: 178px;
+    height: 178px;
+    line-height: 178px;
+    text-align: center;
+  }
+  .avatar {
+    width: 178px;
+    height: 178px;
+    display: block;
+  }
+</style>
\ No newline at end of file
diff --git a/src/views/news/index.vue b/src/views/news/index.vue
index bcc2b88..1e53ce2 100644
--- a/src/views/news/index.vue
+++ b/src/views/news/index.vue
@@ -16,13 +16,13 @@
 
         <div id="new-form">
             <template >
-                <el-table :data="tableData" 
+                <el-table :data="tableData"
+                            show-header
                             style="width: 100%;" 
                             cell-style="border: none; 
                                         margin: 0px;
                                         padding: 0px;" 
-                            header-cell-style="border: none;" 
-                            fit='false'>
+                            header-cell-style="border: none;">
                     <el-table-column>
                         <template slot-scope="scope" v-if="targetType==scope.row.type || targetType=='全部'"> 
                             <div id="new-form-div">
@@ -52,9 +52,14 @@
                 </el-table>
             </template>
         </div>
-
-
-
+        <el-pagination
+            background
+            style="margin-left:80%;
+                    margin-top:15px;
+                    height:20px"
+            layout="prev, pager, next"
+            :total="50">
+        </el-pagination>
 </div>
 </template>
 <script>
@@ -68,18 +73,23 @@
 
         tableData: [{
           type:'新闻',
-          date: '2016-05-02',
+          date: '2018-05-02',
           title: '重大新闻重大新闻重大新闻重大新闻重大新闻重大新闻重大新闻',
           summary: '内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介'
         }, {
           type:'通知',
-          date: '2016-05-04',
-          title: '重大新闻重大新闻重大新闻重大新闻重大新闻重大新闻重大新闻',
+          date: '2026-05-04',
+          title: '重大通知重大通知重大通知重大通知重大通知重大通知重大通知',
           summary: '内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介'
         }, {
           type:'咨询',
-          date: '2016-05-01',
-          title: '重大新闻重大新闻重大新闻重大新闻重大新闻重大新闻重大新闻',
+          date: '2008-05-01',
+          title: '重大咨询重大咨询重大咨询重大咨询重大咨询重大咨询重大咨询',
+          summary: '内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介'
+        },{
+          type:'咨询',
+          date: '2008-05-01',
+          title: '重大咨询重大咨询重大咨询重大咨询重大咨询重大咨询重大咨询',
           summary: '内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介'
         }]
 
@@ -132,7 +142,7 @@
                 margin-bottom:5px;
             }
         #new-form{
-            /* border: 1px solid red; */
+            border: 1px solid red;
             margin: 0 auto;
             width: 90%;
         }
diff --git a/src/views/shouye/index.vue b/src/views/shouye/index.vue
new file mode 100644
index 0000000..92d66d6
--- /dev/null
+++ b/src/views/shouye/index.vue
@@ -0,0 +1,161 @@
+
+<template>
+<div class="main">
+  <!-- 轮播图 -->
+  <div class="lunbo">
+    <el-carousel>
+      <el-carousel-item v-for="item in 4" :key="item">
+        <h3>{{ item }}</h3>
+      </el-carousel-item>
+    </el-carousel>
+</div>
+    <div class="zixun1">
+      <div class="zx_left">
+        <div class="zx_header"><div>新闻通知</div><div class="imore">点击查看更多<i class="el-icon-d-arrow-right"></i></div></div>
+        <div class="zx_body">
+        <div>
+          <div class="linne">
+            <div class="linl">这是新闻标题其中最多35个字</div>
+            <div class="linr">2020-08-22</div>
+          </div>
+          
+        </div>
+
+      </div>
+      </div>
+      <div class="zx_right">
+        <div class="zx_header"><div>仿真咨讯</div><div class="imore">点击查看更多<i class="el-icon-d-arrow-right"></i></div></div>
+        <div class="zx_body">
+          <div class="linne">
+            <div class="linl">这是新闻标题其中最多35个字</div>
+            <div class="linr">2020-08-22</div>
+          </div> 
+      </div>
+      </div>
+    </div>
+    <div class="zixun2">
+      <div class="zx_header"><div>精选实验</div><div class="imore">点击查看更多<i class="el-icon-d-arrow-right"></i></div></div>
+      <div>
+      <el-row>
+        <el-col :span="6" v-for="(o, index) in 3" :key="o" :offset="index > 0 ? 3 : 0">
+            <img src="/vue_xu/my_vue/src/views/img/test0.jpg" class="image">
+            <div style="padding: 14px;">
+              <span>实验课程标题最多25个字<br>实验教师姓名 学院名称10个字</span>
+              <i class="el-icon-d-arrow-right"></i>
+            </div>
+        </el-col>
+      </el-row>
+    </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+  *{
+    margin: 0;
+    padding: 0;
+  }
+  a{
+    text-decoration: none;
+  }
+  ul{
+    list-style: none;
+  }
+  .main{
+    margin: 0 6%;
+    overflow: hidden;
+  }
+  /* 轮播图 */
+
+  .lunbo{
+    height: 310px;
+  }
+  .el-carousel__item{
+    border: 10px solid orange;
+  }
+  .el-carousel__item h3 {
+    color: #475669;
+    font-size: 18px;
+    line-height: 300px;
+  } 
+  .el-carousel__item:nth-child(2n) {
+    background-color: #99a9bf;
+  }
+  .el-carousel__item:nth-child(2n+1) {
+    background-color: #d3dce6;
+  }
+
+  /* 资讯头 */
+  .zx_header{
+    color: #fff;
+    background-color: orange;
+    height: 30px;
+  }
+  .zx_header>div:first-child{
+    float: left;
+    padding: 5px 0px 0px 10px;
+  }
+  .zx_header>div:last-child{
+    padding: 5px 10px 0px 0px;
+    float: right;
+  }
+  /* 资讯内容 */
+  .zixun1{
+    height: 250px;
+    margin: 10px 0;
+  }
+  .zixun2{
+    margin: 10px 0;
+  }
+
+  .zx_left{
+    width: 48%;
+    float: left;
+  }
+  .zx_right{
+    width: 48%;
+    float: right;
+  }    
+  .zx_body{
+    float: left;
+    padding-top: 10px;
+    width: 290px;
+    font-size: 14px;
+    width: 100%;
+  }
+  .zx_body_left{
+    width: 290px;
+    float: left;
+  }
+  .el-icon-d-arrow-right{
+    padding: 1px 10px 0px 20px;
+    float: right;
+    font-size: large;
+  }
+/* 新闻表格 */
+  .linne{
+    width: 100%;
+  }
+  .linl{
+    float:left;
+  }
+  .linr{
+    float: right;
+  }
+  .time {
+    font-size: 13px;
+    color: #999;
+  }
+
+  .button {
+    padding: 0;
+    float: right;
+  }
+
+  .image {
+    width: 100%;
+    display: block;
+  }
+
+
+</style>
\ No newline at end of file
diff --git a/src/views/shouye/tu1.png b/src/views/shouye/tu1.png
new file mode 100644
index 0000000..0fd0b9d
Binary files /dev/null and b/src/views/shouye/tu1.png differ
diff --git a/src/views/shouye/tu2.png b/src/views/shouye/tu2.png
new file mode 100644
index 0000000..c4c61cf
Binary files /dev/null and b/src/views/shouye/tu2.png differ
diff --git a/src/views/teacher/index.vue b/src/views/teacher/index.vue
new file mode 100644
index 0000000..3a8dc1c
--- /dev/null
+++ b/src/views/teacher/index.vue
@@ -0,0 +1,275 @@
+<template>
+  <div class="bbd">
+    <!-- 头 -->
+    <div class="toutiao">
+      <div class="selectmenu">
+        <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect"
+          id="new-main" text-color="#000" active-text-color="#FF9E00">
+          <el-menu-item index="1" id="new-div" @click="chang('全部')">全部</el-menu-item>
+          <el-menu-item index="2" id="new-div" @click="chang('未发布')">未发布</el-menu-item>
+          <el-menu-item index="3" id="new-div" @click="chang('已发布')">已发布</el-menu-item>
+          <el-menu-item index="4" id="new-div" @click="chang('已下架')">已下架</el-menu-item>
+        </el-menu>
+      </div>
+      <div class="beside">
+        <el-input v-model="input" size="mini" placeholder="实验名称" class="inputbox"></el-input>
+        <el-button size="mini" class="normalbutton">搜索</el-button>
+        <el-button class="newbutton" size="mini" type="success">创建实验</el-button>
+      </div>
+    </div>
+    <!-- 实验 -->
+    <div class="card">
+      <el-table :data="tableData" show-header style="width: 100%;" cell-style="border: none; 
+          margin: 0px; padding: 0px;" header-cell-style="border: none;">
+        <el-table-column>
+          <template slot-scope="scope" v-if="targetType==scope.row.type || targetType=='全部'">
+            <div>
+            <div id="card_left">
+              <div id="card_img"></div>
+              <div id="fenlei">{{scope.row.type}}</div>
+            </div>
+              <div id="information">
+                <div id="cardinfor_left">
+                <div id="card_top">
+                  <div id="card_name">{{scope.row.name}}</div>
+                  <div id="shiyanid">{{'实验id：' + scope.row.id}}</div>
+                  <div id="shiyantime">{{'创建时间：' + scope.row.date}}</div>
+                  <hr align="left" width="550px">
+                </div>
+                <div id="cardinfor">
+                <div id="new-form-title">
+                  {{scope.row.xyname}}
+                </div>
+                <div id="new-form-summary">
+                  {{scope.row.zyname}}
+                </div>
+                <div id="new-form-summary">
+                  {{scope.row.teacher}}
+                </div>
+                <div id="new-button">
+                  
+                    <el-button type="warning" id="synopsisBtton">实验编辑</el-button>
+                    <el-button type="warning" id="synopsisBtton">考试管理</el-button>
+                    <el-button type="warning" id="synopsisBtton">实验报告管理</el-button>
+                
+                </div>
+              </div>
+            </div>
+            <div id="cardinfor_right">
+
+                <div><el-button type="danger" size="mini" id="infor_btn">删除实验</el-button></div>
+                <div><el-button type="success" size="mini" id="infor_btn">上架实验</el-button></div>
+
+            </div>
+              </div>
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+  </div>
+
+</template>
+<script>
+  export default {
+    data() {
+      return {
+        activeIndex: '1',
+        input: '',
+        targetType:'全部',
+        tableData: [{
+          name:'实验名称名称',
+          type:'未发布',
+          id:'123456',
+          date: '2018-05-02',
+          xyname: 'xxx学院',
+          teacher:'xxx老师',
+          zyname: 'xxx专业'
+        }, {
+          name:'实验名称名称',
+          type:'已发布',
+          id:'123456',
+          date: '2026-05-04',
+          xyname: 'xxx学院',
+          teacher:'xxx老师',
+          zyname: 'xxx专业'
+        }, {
+          name:'实验名称名称',
+          type:'已下架',
+          id:'123456',
+          date: '2008-05-01',
+          xyname: 'xxx学院',
+          teacher:'xxx老师',
+          zyname: 'xxx专业'
+        },{
+          name:'实验名称名称',
+          type:'已下架',
+          id:'123456',
+          date: '2008-05-01',
+          xyname: 'xxx学院',
+          zyname: 'xxx专业',
+          teacher:'xxx老师',
+         }]
+      };
+    },
+    methods: {
+      handleSelect(key, keyPath) {
+        console.log(key, keyPath);
+      },
+      chang(p){
+          this.targetType=p;
+          console.log(this.type);
+      },
+    }
+  }
+</script>
+<style>
+  * {
+    margin: 0;
+    padding: 0;
+  }
+
+  .bbd {
+    margin: 50px;
+    margin-bottom: 0px;
+  }
+
+  .toutiao {
+    height: 50px;
+  }
+
+  .selectmenu {
+    width: 200px;
+    margin-left: 50px;
+    float: left;
+  }
+
+  .beside {
+    width: 800px;
+    float: left;
+  }
+
+  .inputbox {
+    float: left;
+    margin-top: 12px;
+    margin-left: 80px;
+    width: 150px;
+    height: 30px;
+    font-size: 12px;
+  }
+
+  .normalbutton {
+    margin-left: 5px;
+    margin-top: 12px;
+    background-color: orange;
+    font-size: 12px;
+    font-weight: 600;
+    color: white;
+    float: left;
+    width: 60px;
+  }
+
+  .normalbutton:hover {
+    font-weight: 600;
+    color: white;
+    background-color: darkorange;
+  }
+
+  .newbutton {
+    font-weight: 600;
+    margin-top: 12px;
+    float: right;
+    height: 30px;
+    width: 80px;
+  }
+
+  #new-div {
+    font-size: 12px;
+    height: 40px;
+    line-height: 40px;
+    padding: 0px;
+    margin: 6px;
+  }
+
+  /* 卡片列表 */
+  .card {
+    margin-top: 0px;
+    height: 400px;
+  }
+  #card_left{
+    width: 28%;
+  }
+  #information{
+    float:right;
+    width: 70%;
+    
+  }
+  #card_top{
+    float: left;
+    width: 100%;
+    margin-left: 20px;
+    margin-top: 20px;
+  }
+  #cardinfor{
+    margin-left: 20px;
+    width: 800px;
+    float: left;
+  }
+  #cardinfor_left{
+    width: 80%;
+    float: left;
+  }
+  #cardinfor_right{
+    width: 20%;
+    height: 200px;
+    padding-top: 20px;
+    padding-left: 20px;
+    float: right;
+  }
+  #cardinfor_right>div{
+    padding-bottom: 10px;
+  }
+
+  #card_img {
+    width: 100%;
+    height: 200px;
+    margin: 5px;
+    background-image: url('shiyan.jpg');
+    background-size: 100% 100%;
+    float: left;
+    position: relative;
+  }
+  #card_name{
+    font-weight: 600;
+    font-size: 20px;
+    width: 100%;
+  }
+
+  #shiyanid{
+    width: 130px;
+    float: left;
+    padding-top: 15px;
+    padding-bottom: 15px;
+  }
+  #shiyantime{
+    width:200px;
+    padding-top: 15px;
+    padding-bottom: 15px;
+    float: left;
+  }
+  #fenlei{
+    position: absolute; 
+    background-color: #2cabff;
+    color:white;
+    font-size: 12px;
+    padding: 2px 5px;
+    top:20px;
+    }
+    #synopsisBtton{
+    width: 140px;
+    height: 40px;
+    font-size: 18px;
+    font-weight: 600;
+    margin-right: 20px;
+    }
+</style>
\ No newline at end of file
diff --git a/src/views/teacher/shiyan.jpg b/src/views/teacher/shiyan.jpg
new file mode 100644
index 0000000..1ab7648
Binary files /dev/null and b/src/views/teacher/shiyan.jpg differ
diff --git a/ttt.jpg b/ttt.jpg
new file mode 100644
index 0000000..8cec42c
Binary files /dev/null and b/ttt.jpg differ
diff --git a/www.jpg b/www.jpg
new file mode 100644
index 0000000..1c95fc1
Binary files /dev/null and b/www.jpg differ
diff --git a/yyy.jpg b/yyy.jpg
new file mode 100644
index 0000000..20fb60f
Binary files /dev/null and b/yyy.jpg differ