3 anni fa · efaa8c30d9
--- a/webM/.gitignore
+++ b/webM/.gitignore
@@ -0,0 +1,23 @@
 
				+.DS_Store
			
 
				+node_modules
			
 
				+/dist
			
 
				+
			
 
				+
			
 
				+# local env files
			
 
				+.env.local
			
 
				+.env.*.local
			
 
				+
			
 
				+# Log files
			
 
				+npm-debug.log*
			
 
				+yarn-debug.log*
			
 
				+yarn-error.log*
			
 
				+pnpm-debug.log*
			
 
				+
			
 
				+# Editor directories and files
			
 
				+.idea
			
 
				+.vscode
			
 
				+*.suo
			
 
				+*.ntvs*
			
 
				+*.njsproj
			
 
				+*.sln
			
 
				+*.sw?
			
--- a/webM/README.md
+++ b/webM/README.md
@@ -0,0 +1,19 @@
 
				+# webm
			
 
				+
			
 
				+## Project setup
			
 
				+```
			
 
				+npm install
			
 
				+```
			
 
				+
			
 
				+### Compiles and hot-reloads for development
			
 
				+```
			
 
				+npm run serve
			
 
				+```
			
 
				+
			
 
				+### Compiles and minifies for production
			
 
				+```
			
 
				+npm run build
			
 
				+```
			
 
				+
			
 
				+### Customize configuration
			
 
				+See [Configuration Reference](https://cli.vuejs.org/config/).
			
--- a/webM/babel.config.js
+++ b/webM/babel.config.js
@@ -0,0 +1,5 @@
 
				+module.exports = {
			
 
				+  presets: [
			
 
				+    '@vue/cli-plugin-babel/preset'
			
 
				+  ]
			
 
				+}
			
--- a/webM/package-lock.json
+++ b/webM/package-lock.json
--- a/webM/package.json
+++ b/webM/package.json
@@ -0,0 +1,28 @@
 
				+{
			
 
				+  "name": "webm",
			
 
				+  "version": "0.1.0",
			
 
				+  "private": true,
			
 
				+  "scripts": {
			
 
				+    "serve": "vue-cli-service serve",
			
 
				+    "build": "vue-cli-service build"
			
 
				+  },
			
 
				+  "dependencies": {
			
 
				+    "core-js": "^3.6.5",
			
 
				+    "vant": "^2.12.47",
			
 
				+    "vue": "^2.6.11",
			
 
				+    "vue-router": "^3.2.0"
			
 
				+  },
			
 
				+  "devDependencies": {
			
 
				+    "@vue/cli-plugin-babel": "~4.5.13",
			
 
				+    "@vue/cli-plugin-router": "~4.5.13",
			
 
				+    "@vue/cli-service": "~4.5.13",
			
 
				+    "less": "^3.0.4",
			
 
				+    "less-loader": "^5.0.0",
			
 
				+    "vue-template-compiler": "^2.6.11"
			
 
				+  },
			
 
				+  "browserslist": [
			
 
				+    "> 1%",
			
 
				+    "last 2 versions",
			
 
				+    "not dead"
			
 
				+  ]
			
 
				+}
			
--- a/webM/public/favicon.ico
+++ b/webM/public/favicon.ico
--- a/webM/public/index.html
+++ b/webM/public/index.html
@@ -0,0 +1,17 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="">
			
 
				+  <head>
			
 
				+    <meta charset="utf-8">
			
 
				+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
			
 
				+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
			
 
				+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
			
 
				+    <title>Capital Museum.China</title>
			
 
				+  </head>
			
 
				+  <body>
			
 
				+    <noscript>
			
 
				+      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
			
 
				+    </noscript>
			
 
				+    <div id="app"></div>
			
 
				+    <!-- built files will be auto injected -->
			
 
				+  </body>
			
 
				+</html>
			
--- a/webM/src/App.vue
+++ b/webM/src/App.vue
@@ -0,0 +1,12 @@
 
				+<template>
			
 
				+  <div id="app">
			
 
				+    <Router-view/>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="less">
			
 
				+#app{
			
 
				+  max-width: 500px;
			
 
				+  margin: 0 auto;
			
 
				+}
			
 
				+</style>
			
--- a/webM/src/assets/base.css
+++ b/webM/src/assets/base.css
@@ -0,0 +1,565 @@
 
				+/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * 1. Change the default font family in all browsers (opinionated).
			
 
				+ * 2. Correct the line height in all browsers.
			
 
				+ * 3. Prevent adjustments of font size after orientation changes in
			
 
				+ *    IE on Windows Phone and in iOS.
			
 
				+ */
			
 
				+
			
 
				+
			
 
				+/* Document
			
 
				+   ========================================================================== */
			
 
				+* {
			
 
				+    margin: 0;
			
 
				+    padding: 0;
			
 
				+    box-sizing: border-box;
			
 
				+}
			
 
				+
			
 
				+p {
			
 
				+    line-height: 24px;
			
 
				+}
			
 
				+
			
 
				+html {
			
 
				+    font-family: sans-serif;
			
 
				+    /* 1 */
			
 
				+    line-height: 1.15;
			
 
				+    /* 2 */
			
 
				+    -ms-text-size-adjust: 100%;
			
 
				+    /* 3 */
			
 
				+    -webkit-text-size-adjust: 100%;
			
 
				+    /* 3 */
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/* Sections
			
 
				+   ========================================================================== */
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * Remove the margin in all browsers (opinionated).
			
 
				+ */
			
 
				+
			
 
				+body {
			
 
				+    margin: 0;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * Add the correct display in IE 9-.
			
 
				+ */
			
 
				+
			
 
				+article,
			
 
				+aside,
			
 
				+footer,
			
 
				+header,
			
 
				+nav,
			
 
				+section {
			
 
				+    display: block;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * Correct the font size and margin on `h1` elements within `section` and
			
 
				+ * `article` contexts in Chrome, Firefox, and Safari.
			
 
				+ */
			
 
				+
			
 
				+h1 {
			
 
				+    font-size: 2em;
			
 
				+    margin: 0.67em 0;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/* Grouping content
			
 
				+   ========================================================================== */
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * Add the correct display in IE 9-.
			
 
				+ * 1. Add the correct display in IE.
			
 
				+ */
			
 
				+
			
 
				+figcaption,
			
 
				+figure,
			
 
				+main {
			
 
				+    /* 1 */
			
 
				+    display: block;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * Add the correct margin in IE 8.
			
 
				+ */
			
 
				+
			
 
				+figure {
			
 
				+    margin: 1em 40px;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * 1. Add the correct box sizing in Firefox.
			
 
				+ * 2. Show the overflow in Edge and IE.
			
 
				+ */
			
 
				+
			
 
				+hr {
			
 
				+    box-sizing: content-box;
			
 
				+    /* 1 */
			
 
				+    height: 0;
			
 
				+    /* 1 */
			
 
				+    overflow: visible;
			
 
				+    /* 2 */
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * 1. Correct the inheritance and scaling of font size in all browsers.
			
 
				+ * 2. Correct the odd `em` font sizing in all browsers.
			
 
				+ */
			
 
				+
			
 
				+pre {
			
 
				+    font-family: monospace, monospace;
			
 
				+    /* 1 */
			
 
				+    font-size: 1em;
			
 
				+    /* 2 */
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/* Text-level semantics
			
 
				+   ========================================================================== */
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * 1. Remove the gray background on active links in IE 10.
			
 
				+ * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
			
 
				+ */
			
 
				+
			
 
				+a {
			
 
				+    background-color: transparent;
			
 
				+    /* 1 */
			
 
				+    -webkit-text-decoration-skip: objects;
			
 
				+    /* 2 */
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * Remove the outline on focused links when they are also active or hovered
			
 
				+ * in all browsers (opinionated).
			
 
				+ */
			
 
				+
			
 
				+a:active,
			
 
				+a:hover {
			
 
				+    outline-width: 0;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * 1. Remove the bottom border in Firefox 39-.
			
 
				+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
			
 
				+ */
			
 
				+
			
 
				+abbr[title] {
			
 
				+    border-bottom: none;
			
 
				+    /* 1 */
			
 
				+    text-decoration: underline;
			
 
				+    /* 2 */
			
 
				+    text-decoration: underline dotted;
			
 
				+    /* 2 */
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
			
 
				+ */
			
 
				+
			
 
				+b,
			
 
				+strong {
			
 
				+    font-weight: inherit;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * Add the correct font weight in Chrome, Edge, and Safari.
			
 
				+ */
			
 
				+
			
 
				+b,
			
 
				+strong {
			
 
				+    font-weight: bolder;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * 1. Correct the inheritance and scaling of font size in all browsers.
			
 
				+ * 2. Correct the odd `em` font sizing in all browsers.
			
 
				+ */
			
 
				+
			
 
				+code,
			
 
				+kbd,
			
 
				+samp {
			
 
				+    font-family: monospace, monospace;
			
 
				+    /* 1 */
			
 
				+    font-size: 1em;
			
 
				+    /* 2 */
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * Add the correct font style in Android 4.3-.
			
 
				+ */
			
 
				+
			
 
				+dfn {
			
 
				+    font-style: italic;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * Add the correct background and color in IE 9-.
			
 
				+ */
			
 
				+
			
 
				+mark {
			
 
				+    background-color: #ff0;
			
 
				+    color: #000;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * Add the correct font size in all browsers.
			
 
				+ */
			
 
				+
			
 
				+small {
			
 
				+    font-size: 80%;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * Prevent `sub` and `sup` elements from affecting the line height in
			
 
				+ * all browsers.
			
 
				+ */
			
 
				+
			
 
				+sub,
			
 
				+sup {
			
 
				+    font-size: 75%;
			
 
				+    line-height: 0;
			
 
				+    position: relative;
			
 
				+    vertical-align: baseline;
			
 
				+}
			
 
				+
			
 
				+sub {
			
 
				+    bottom: -0.25em;
			
 
				+}
			
 
				+
			
 
				+sup {
			
 
				+    top: -0.5em;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/* Embedded content
			
 
				+   ========================================================================== */
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * Add the correct display in IE 9-.
			
 
				+ */
			
 
				+
			
 
				+audio,
			
 
				+video {
			
 
				+    display: inline-block;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * Add the correct display in iOS 4-7.
			
 
				+ */
			
 
				+
			
 
				+audio:not([controls]) {
			
 
				+    display: none;
			
 
				+    height: 0;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * Remove the border on images inside links in IE 10-.
			
 
				+ */
			
 
				+
			
 
				+img {
			
 
				+    border-style: none;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * Hide the overflow in IE.
			
 
				+ */
			
 
				+
			
 
				+svg:not(:root) {
			
 
				+    overflow: hidden;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/* Forms
			
 
				+   ========================================================================== */
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * 1. Change the font styles in all browsers (opinionated).
			
 
				+ * 2. Remove the margin in Firefox and Safari.
			
 
				+ */
			
 
				+
			
 
				+button,
			
 
				+input,
			
 
				+optgroup,
			
 
				+select,
			
 
				+textarea {
			
 
				+    font-family: sans-serif;
			
 
				+    /* 1 */
			
 
				+    font-size: 100%;
			
 
				+    /* 1 */
			
 
				+    line-height: 1.15;
			
 
				+    /* 1 */
			
 
				+    margin: 0;
			
 
				+    /* 2 */
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * Show the overflow in IE.
			
 
				+ * 1. Show the overflow in Edge.
			
 
				+ */
			
 
				+
			
 
				+button,
			
 
				+input {
			
 
				+    /* 1 */
			
 
				+    overflow: visible;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
			
 
				+ * 1. Remove the inheritance of text transform in Firefox.
			
 
				+ */
			
 
				+
			
 
				+button,
			
 
				+select {
			
 
				+    /* 1 */
			
 
				+    text-transform: none;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
			
 
				+ *    controls in Android 4.
			
 
				+ * 2. Correct the inability to style clickable types in iOS and Safari.
			
 
				+ */
			
 
				+
			
 
				+button,
			
 
				+html [type="button"],
			
 
				+
			
 
				+/* 1 */
			
 
				+
			
 
				+[type="reset"],
			
 
				+[type="submit"] {
			
 
				+    -webkit-appearance: button;
			
 
				+    /* 2 */
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * Remove the inner border and padding in Firefox.
			
 
				+ */
			
 
				+
			
 
				+button::-moz-focus-inner,
			
 
				+[type="button"]::-moz-focus-inner,
			
 
				+[type="reset"]::-moz-focus-inner,
			
 
				+[type="submit"]::-moz-focus-inner {
			
 
				+    border-style: none;
			
 
				+    padding: 0;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * Restore the focus styles unset by the previous rule.
			
 
				+ */
			
 
				+
			
 
				+button:-moz-focusring,
			
 
				+[type="button"]:-moz-focusring,
			
 
				+[type="reset"]:-moz-focusring,
			
 
				+[type="submit"]:-moz-focusring {
			
 
				+    outline: 1px dotted ButtonText;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * Change the border, margin, and padding in all browsers (opinionated).
			
 
				+ */
			
 
				+
			
 
				+fieldset {
			
 
				+    border: 1px solid #c0c0c0;
			
 
				+    margin: 0 2px;
			
 
				+    padding: 0.35em 0.625em 0.75em;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * 1. Correct the text wrapping in Edge and IE.
			
 
				+ * 2. Correct the color inheritance from `fieldset` elements in IE.
			
 
				+ * 3. Remove the padding so developers are not caught out when they zero out
			
 
				+ *    `fieldset` elements in all browsers.
			
 
				+ */
			
 
				+
			
 
				+legend {
			
 
				+    box-sizing: border-box;
			
 
				+    /* 1 */
			
 
				+    color: inherit;
			
 
				+    /* 2 */
			
 
				+    display: table;
			
 
				+    /* 1 */
			
 
				+    max-width: 100%;
			
 
				+    /* 1 */
			
 
				+    padding: 0;
			
 
				+    /* 3 */
			
 
				+    white-space: normal;
			
 
				+    /* 1 */
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * 1. Add the correct display in IE 9-.
			
 
				+ * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
			
 
				+ */
			
 
				+
			
 
				+progress {
			
 
				+    display: inline-block;
			
 
				+    /* 1 */
			
 
				+    vertical-align: baseline;
			
 
				+    /* 2 */
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * Remove the default vertical scrollbar in IE.
			
 
				+ */
			
 
				+
			
 
				+textarea {
			
 
				+    overflow: auto;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * 1. Add the correct box sizing in IE 10-.
			
 
				+ * 2. Remove the padding in IE 10-.
			
 
				+ */
			
 
				+
			
 
				+[type="checkbox"],
			
 
				+[type="radio"] {
			
 
				+    box-sizing: border-box;
			
 
				+    /* 1 */
			
 
				+    padding: 0;
			
 
				+    /* 2 */
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * Correct the cursor style of increment and decrement buttons in Chrome.
			
 
				+ */
			
 
				+
			
 
				+[type="number"]::-webkit-inner-spin-button,
			
 
				+[type="number"]::-webkit-outer-spin-button {
			
 
				+    height: auto;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * 1. Correct the odd appearance in Chrome and Safari.
			
 
				+ * 2. Correct the outline style in Safari.
			
 
				+ */
			
 
				+
			
 
				+[type="search"] {
			
 
				+    -webkit-appearance: textfield;
			
 
				+    /* 1 */
			
 
				+    outline-offset: -2px;
			
 
				+    /* 2 */
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
			
 
				+ */
			
 
				+
			
 
				+[type="search"]::-webkit-search-cancel-button,
			
 
				+[type="search"]::-webkit-search-decoration {
			
 
				+    -webkit-appearance: none;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * 1. Correct the inability to style clickable types in iOS and Safari.
			
 
				+ * 2. Change font properties to `inherit` in Safari.
			
 
				+ */
			
 
				+
			
 
				+::-webkit-file-upload-button {
			
 
				+    -webkit-appearance: button;
			
 
				+    /* 1 */
			
 
				+    font: inherit;
			
 
				+    /* 2 */
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/* Interactive
			
 
				+   ========================================================================== */
			
 
				+
			
 
				+
			
 
				+/*
			
 
				+ * Add the correct display in IE 9-.
			
 
				+ * 1. Add the correct display in Edge, IE, and Firefox.
			
 
				+ */
			
 
				+
			
 
				+details,
			
 
				+
			
 
				+/* 1 */
			
 
				+
			
 
				+menu {
			
 
				+    display: block;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/*
			
 
				+ * Add the correct display in all browsers.
			
 
				+ */
			
 
				+
			
 
				+summary {
			
 
				+    display: list-item;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/* Scripting
			
 
				+   ========================================================================== */
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * Add the correct display in IE 9-.
			
 
				+ */
			
 
				+
			
 
				+canvas {
			
 
				+    display: inline-block;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * Add the correct display in IE.
			
 
				+ */
			
 
				+
			
 
				+template {
			
 
				+    display: none;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/* Hidden
			
 
				+   ========================================================================== */
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * Add the correct display in IE 10-.
			
 
				+ */
			
 
				+
			
 
				+[hidden] {
			
 
				+    display: none;
			
 
				+}
			
--- a/webM/src/assets/img/Layout/bac1.png
+++ b/webM/src/assets/img/Layout/bac1.png
--- a/webM/src/assets/img/Layout/erwei1.png
+++ b/webM/src/assets/img/Layout/erwei1.png
--- a/webM/src/assets/img/Layout/erwei2.png
+++ b/webM/src/assets/img/Layout/erwei2.png
--- a/webM/src/assets/img/Layout/logo.png
+++ b/webM/src/assets/img/Layout/logo.png
--- a/webM/src/assets/img/Layout/logo2.png
+++ b/webM/src/assets/img/Layout/logo2.png
--- a/webM/src/assets/img/Layout/mean.png
+++ b/webM/src/assets/img/Layout/mean.png
--- a/webM/src/assets/img/Layout/search.png
+++ b/webM/src/assets/img/Layout/search.png
--- a/webM/src/assets/img/Layout/search2.png
+++ b/webM/src/assets/img/Layout/search2.png
--- a/webM/src/assets/img/Layout/zhong.png
+++ b/webM/src/assets/img/Layout/zhong.png
--- a/webM/src/assets/img/Layout/zhong2.png
+++ b/webM/src/assets/img/Layout/zhong2.png
--- a/webM/src/main.js
+++ b/webM/src/main.js
@@ -0,0 +1,17 @@
 
				+import Vue from 'vue'
			
 
				+import App from './App.vue'
			
 
				+import router from './router'
			
 
				+
			
 
				+// 引入初始化样式
			
 
				+import './assets/base.css'
			
 
				+// 导入vant
			
 
				+import Vant from 'vant';
			
 
				+import 'vant/lib/index.css';
			
 
				+Vue.use(Vant);
			
 
				+
			
 
				+Vue.config.productionTip = false
			
 
				+
			
 
				+new Vue({
			
 
				+  router,
			
 
				+  render: h => h(App)
			
 
				+}).$mount('#app')
			
--- a/webM/src/router/index.js
+++ b/webM/src/router/index.js
@@ -0,0 +1,51 @@
 
				+import Vue from 'vue'
			
 
				+import VueRouter from 'vue-router'
			
 
				+
			
 
				+Vue.use(VueRouter)
			
 
				+
			
 
				+const routes = [
			
 
				+  {
			
 
				+    path: '/',
			
 
				+    name: 'Layout',
			
 
				+    component: () => import('../views/Layout/index.vue'),
			
 
				+    redirect: { name: 'Home' },
			
 
				+    children: [
			
 
				+      // 首页
			
 
				+      {
			
 
				+        path: '/Layout/Home',
			
 
				+        name: 'Home',
			
 
				+        component: () => import('../views/Home/index.vue'),
			
 
				+        meta: { myTitle: 'Capital Museum.China',topColor:'#74120b' },
			
 
				+      },
			
 
				+      // Visit页面
			
 
				+      {
			
 
				+        path: '/Layout/Visit',
			
 
				+        name: 'Visit',
			
 
				+        component: () => import('../views/Visit/index.vue'),
			
 
				+        meta: { myTitle: 'Visit' },
			
 
				+      },
			
 
				+    ]
			
 
				+  }
			
 
				+]
			
 
				+
			
 
				+const router = new VueRouter({
			
 
				+  // mode: 'history',
			
 
				+  base: process.env.BASE_URL,
			
 
				+  routes
			
 
				+})
			
 
				+
			
 
				+// 导航守卫，回到页面顶部
			
 
				+router.beforeEach((to, from, next) => {
			
 
				+  document.documentElement.scrollTop = 0
			
 
				+  next()
			
 
				+})
			
 
				+
			
 
				+
			
 
				+// 全局后置钩子，设置title
			
 
				+router.afterEach(to => {
			
 
				+	// 设置title
			
 
				+	document.title = to.meta.myTitle;
			
 
				+})
			
 
				+
			
 
				+
			
 
				+export default router
			
--- a/webM/src/views/Home/index
+++ b/webM/src/views/Home/index
@@ -0,0 +1,43 @@
 
				+<template>
			
 
				+<div class='Home'>Home</div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+export default {
			
 
				+name:'Home',
			
 
				+components: {},
			
 
				+data() {
			
 
				+//这里存放数据
			
 
				+return {
			
 
				+
			
 
				+};
			
 
				+},
			
 
				+//监听属性 类似于data概念
			
 
				+computed: {},
			
 
				+//监控data中的数据变化
			
 
				+watch: {},
			
 
				+//方法集合
			
 
				+methods: {
			
 
				+
			
 
				+},
			
 
				+//生命周期 - 创建完成（可以访问当前this实例）
			
 
				+created() {
			
 
				+
			
 
				+},
			
 
				+//生命周期 - 挂载完成（可以访问DOM元素）
			
 
				+mounted() {
			
 
				+
			
 
				+},
			
 
				+beforeCreate() {}, //生命周期 - 创建之前
			
 
				+beforeMount() {}, //生命周期 - 挂载之前
			
 
				+beforeUpdate() {}, //生命周期 - 更新之前
			
 
				+updated() {}, //生命周期 - 更新之后
			
 
				+beforeDestroy() {}, //生命周期 - 销毁之前
			
 
				+destroyed() {}, //生命周期 - 销毁完成
			
 
				+activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
			
 
				+}
			
 
				+</script>
			
 
				+<style lang='less' scoped>
			
 
				+//@import url(); 引入公共css类
			
 
				+
			
 
				+</style>
			
--- a/webM/src/views/Home/index.vue
+++ b/webM/src/views/Home/index.vue
@@ -0,0 +1,49 @@
 
				+<template>
			
 
				+<div class='Home'>
			
 
				+  <h1 v-for="i in 20" :key="i">Home</h1>
			
 
				+</div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+export default {
			
 
				+name:'Home',
			
 
				+components: {},
			
 
				+data() {
			
 
				+//这里存放数据
			
 
				+return {
			
 
				+
			
 
				+};
			
 
				+},
			
 
				+//监听属性 类似于data概念
			
 
				+computed: {},
			
 
				+//监控data中的数据变化
			
 
				+watch: {},
			
 
				+//方法集合
			
 
				+methods: {
			
 
				+
			
 
				+},
			
 
				+//生命周期 - 创建完成（可以访问当前this实例）
			
 
				+created() {
			
 
				+
			
 
				+},
			
 
				+//生命周期 - 挂载完成（可以访问DOM元素）
			
 
				+mounted() {
			
 
				+
			
 
				+},
			
 
				+beforeCreate() {}, //生命周期 - 创建之前
			
 
				+beforeMount() {}, //生命周期 - 挂载之前
			
 
				+beforeUpdate() {}, //生命周期 - 更新之前
			
 
				+updated() {}, //生命周期 - 更新之后
			
 
				+beforeDestroy() {}, //生命周期 - 销毁之前
			
 
				+destroyed() {}, //生命周期 - 销毁完成
			
 
				+activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
			
 
				+}
			
 
				+</script>
			
 
				+<style lang='less' scoped>
			
 
				+.Home{
			
 
				+  h1{
			
 
				+    font-size: 30px;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+</style>
			
--- a/webM/src/views/Layout/index.vue
+++ b/webM/src/views/Layout/index.vue
@@ -0,0 +1,235 @@
 
				+<template>
			
 
				+  <div class="Layout" ref="Layout" @scroll="scrollEvent">
			
 
				+    <!-- 顶部top -->
			
 
				+    <div class="top" :style="`background-color:${$route.meta.topColor}`">
			
 
				+      <div class="left">
			
 
				+        <img src="@/assets/img/Layout/mean.png" alt="" @click="searchPage=true"/>
			
 
				+      </div>
			
 
				+      <div class="right">
			
 
				+        <img src="@/assets/img/Layout/logo.png" alt="" />
			
 
				+        <img src="@/assets/img/Layout/zhong.png" alt="" @click="toZhong" />
			
 
				+        <img src="@/assets/img/Layout/search.png" alt="" />
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <!-- 子页面 -->
			
 
				+    <Router-view />
			
 
				+    <!-- 点击搜索 -->
			
 
				+    <div class="searchPage" v-show="searchPage">
			
 
				+      <div class="conten">
			
 
				+        <div class="searchTop">
			
 
				+          <div class="back"><van-icon name="arrow-left" @click="searchPage=false"/></div>
			
 
				+          <img src="@/assets/img/Layout/logo2.png" alt="" />
			
 
				+          <img src="@/assets/img/Layout/zhong2.png" alt="" @click="toZhong" />
			
 
				+          <img src="@/assets/img/Layout/search2.png" alt="" />
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <!-- 回到顶部 -->
			
 
				+    <div class="toTop" v-show="srocllShow" @click="toTop">
			
 
				+      <van-icon name="back-top" />
			
 
				+    </div>
			
 
				+    <!-- 底部 -->
			
 
				+    <div class="bottom">
			
 
				+      <div class="logo">
			
 
				+        <img src="@/assets/img/Layout/logo.png" alt="" />
			
 
				+      </div>
			
 
				+      <div class="erwei">
			
 
				+        <img src="@/assets/img/Layout/erwei1.png" alt="" />
			
 
				+        <img src="@/assets/img/Layout/erwei2.png" alt="" />
			
 
				+      </div>
			
 
				+      <div class="txt">
			
 
				+        <p>
			
 
				+          Capital Museum. China 16 Fuxingmenwai Street, Xicheng District,
			
 
				+          Beijing 100045, P.R.China.
			
 
				+        </p>
			
 
				+      </div>
			
 
				+      <div class="link">
			
 
				+        <span>Terms of Use</span>
			
 
				+        <span>Events</span>
			
 
				+        <span>Employmen</span>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+export default {
			
 
				+  name: "Layout",
			
 
				+  components: {},
			
 
				+  data() {
			
 
				+    //这里存放数据
			
 
				+    return {
			
 
				+      srocllShow: false,
			
 
				+      searchPage: false,
			
 
				+    };
			
 
				+  },
			
 
				+  //监听属性 类似于data概念
			
 
				+  computed: {},
			
 
				+  //监控data中的数据变化
			
 
				+  watch: {},
			
 
				+  //方法集合
			
 
				+  methods: {
			
 
				+    toTop() {
			
 
				+      let dom = this.$refs.Layout;
			
 
				+      dom.scrollTo({ top: 0, behavior: "smooth" });
			
 
				+    },
			
 
				+    toZhong() {
			
 
				+      window.open("https://www.capitalmuseum.org.cn/", "_blank");
			
 
				+    },
			
 
				+    // 监听主元素滚动
			
 
				+    scrollEvent() {
			
 
				+      let dom = this.$refs.Layout;
			
 
				+      if (dom.scrollTop > 400) this.srocllShow = true;
			
 
				+      else this.srocllShow = false;
			
 
				+    },
			
 
				+  },
			
 
				+  //生命周期 - 创建完成（可以访问当前this实例）
			
 
				+  created() {},
			
 
				+  //生命周期 - 挂载完成（可以访问DOM元素）
			
 
				+  mounted() {},
			
 
				+  beforeCreate() {}, //生命周期 - 创建之前
			
 
				+  beforeMount() {}, //生命周期 - 挂载之前
			
 
				+  beforeUpdate() {}, //生命周期 - 更新之前
			
 
				+  updated() {}, //生命周期 - 更新之后
			
 
				+  beforeDestroy() {}, //生命周期 - 销毁之前
			
 
				+  destroyed() {}, //生命周期 - 销毁完成
			
 
				+  activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
			
 
				+};
			
 
				+</script>
			
 
				+<style lang='less' scoped>
			
 
				+::-webkit-scrollbar {
			
 
				+  height: 0;
			
 
				+  width: 0;
			
 
				+  color: transparent;
			
 
				+}
			
 
				+
			
 
				+.Layout {
			
 
				+  position: relative;
			
 
				+  padding-top: 50px;
			
 
				+  height: 100vh;
			
 
				+  overflow-y: auto;
			
 
				+  .top {
			
 
				+    display: flex;
			
 
				+    justify-content: space-between;
			
 
				+    padding: 0 10px;
			
 
				+    align-items: center;
			
 
				+    width: 100%;
			
 
				+    top: 0;
			
 
				+    left: 0;
			
 
				+    position: fixed;
			
 
				+    height: 50px;
			
 
				+    .left {
			
 
				+      width: 20px;
			
 
				+      height: 20px;
			
 
				+      & > img {
			
 
				+        width: 100%;
			
 
				+        height: 100%;
			
 
				+      }
			
 
				+    }
			
 
				+    .right {
			
 
				+      display: flex;
			
 
				+      align-items: center;
			
 
				+      & > img {
			
 
				+        width: 20px;
			
 
				+        height: 20px;
			
 
				+        &:nth-of-type(1) {
			
 
				+          margin-right: 20px;
			
 
				+          width: 160px;
			
 
				+          height: 32px;
			
 
				+        }
			
 
				+        &:nth-of-type(2) {
			
 
				+          margin-right: 15px;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+  .bottom {
			
 
				+    padding: 20px;
			
 
				+    padding-bottom: 0;
			
 
				+    width: 100%;
			
 
				+    background-color: #c1aa7b;
			
 
				+    .erwei {
			
 
				+      margin-top: 30px;
			
 
				+      margin-bottom: 20px;
			
 
				+      display: flex;
			
 
				+      padding: 0 10px;
			
 
				+      justify-content: space-between;
			
 
				+      & > img {
			
 
				+        width: 40%;
			
 
				+      }
			
 
				+    }
			
 
				+    .txt {
			
 
				+      padding: 0 10px 20px;
			
 
				+      font-size: 14px;
			
 
				+      color: #fff;
			
 
				+      border-bottom: 1px solid #d1d1d1;
			
 
				+    }
			
 
				+    .link {
			
 
				+      height: 50px;
			
 
				+      display: flex;
			
 
				+      justify-content: center;
			
 
				+      align-items: center;
			
 
				+      padding: 0 10px;
			
 
				+      font-size: 14px;
			
 
				+      color: #fff;
			
 
				+      & > span {
			
 
				+        padding-right: 15px;
			
 
				+        border-right: 1px solid #fff;
			
 
				+        margin-right: 15px;
			
 
				+        &:last-child {
			
 
				+          border-right: none;
			
 
				+          margin-right: 0;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+  .toTop {
			
 
				+    position: fixed;
			
 
				+    width: 48px;
			
 
				+    height: 48px;
			
 
				+    text-align: center;
			
 
				+    line-height: 48px;
			
 
				+    border-radius: 50%;
			
 
				+    background-color: rgba(193, 170, 123, 0.5);
			
 
				+    color: #fff;
			
 
				+    font-size: 30px;
			
 
				+    right: 10px;
			
 
				+    bottom: 200px;
			
 
				+  }
			
 
				+  // 搜索页面
			
 
				+  .searchPage {
			
 
				+    position: fixed;
			
 
				+    top: 0;
			
 
				+    left: 0;
			
 
				+    z-index: 999;
			
 
				+    width: 100vw;
			
 
				+    height: 100vh;
			
 
				+    background-color: rgba(255, 255, 255, 0.9);
			
 
				+    .conten {
			
 
				+      width: 90%;
			
 
				+      height: 100%;
			
 
				+      background-color: #f6f4f1;
			
 
				+      .searchTop {
			
 
				+        width: 100%;
			
 
				+        display: flex;
			
 
				+        align-items: center;
			
 
				+        justify-content: space-around;
			
 
				+        height: 50px;
			
 
				+        .back{
			
 
				+          margin-right: 15px;
			
 
				+          font-size: 28px;
			
 
				+        }
			
 
				+        & > img {
			
 
				+          width: 20px;
			
 
				+          height: 20px;
			
 
				+          &:nth-of-type(1) {
			
 
				+            margin-right: 15px;
			
 
				+            width: 160px;
			
 
				+            height: 32px;
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/webM/src/views/Visit/index.vue
+++ b/webM/src/views/Visit/index.vue
@@ -0,0 +1,43 @@
 
				+<template>
			
 
				+<div class='Visit'>Visit</div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+export default {
			
 
				+name:'Visit',
			
 
				+components: {},
			
 
				+data() {
			
 
				+//这里存放数据
			
 
				+return {
			
 
				+
			
 
				+};
			
 
				+},
			
 
				+//监听属性 类似于data概念
			
 
				+computed: {},
			
 
				+//监控data中的数据变化
			
 
				+watch: {},
			
 
				+//方法集合
			
 
				+methods: {
			
 
				+
			
 
				+},
			
 
				+//生命周期 - 创建完成（可以访问当前this实例）
			
 
				+created() {
			
 
				+
			
 
				+},
			
 
				+//生命周期 - 挂载完成（可以访问DOM元素）
			
 
				+mounted() {
			
 
				+
			
 
				+},
			
 
				+beforeCreate() {}, //生命周期 - 创建之前
			
 
				+beforeMount() {}, //生命周期 - 挂载之前
			
 
				+beforeUpdate() {}, //生命周期 - 更新之前
			
 
				+updated() {}, //生命周期 - 更新之后
			
 
				+beforeDestroy() {}, //生命周期 - 销毁之前
			
 
				+destroyed() {}, //生命周期 - 销毁完成
			
 
				+activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
			
 
				+}
			
 
				+</script>
			
 
				+<style lang='less' scoped>
			
 
				+//@import url(); 引入公共css类
			
 
				+
			
 
				+</style>
			
--- a/webM/vue.config.js
+++ b/webM/vue.config.js
@@ -0,0 +1,3 @@
 
				+module.exports = {
			
 
				+  publicPath: './'
			
 
				+}