4 years ago · 8228b5e706
--- a/.browserslistrc
+++ b/.browserslistrc
@@ -0,0 +1,3 @@
 
				+> 1%
			
 
				+last 2 versions
			
 
				+not dead
			
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -0,0 +1,17 @@
 
				+module.exports = {
			
 
				+  root: true,
			
 
				+  env: {
			
 
				+    node: true
			
 
				+  },
			
 
				+  'extends': [
			
 
				+    'plugin:vue/essential',
			
 
				+    'eslint:recommended'
			
 
				+  ],
			
 
				+  parserOptions: {
			
 
				+    parser: 'babel-eslint'
			
 
				+  },
			
 
				+  rules: {
			
 
				+    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
			
 
				+    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
			
 
				+  }
			
 
				+}
			
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1,21 @@
 
				+.DS_Store
			
 
				+node_modules
			
 
				+/dist
			
 
				+
			
 
				+# local env files
			
 
				+.env.local
			
 
				+.env.*.local
			
 
				+
			
 
				+# Log files
			
 
				+npm-debug.log*
			
 
				+yarn-debug.log*
			
 
				+yarn-error.log*
			
 
				+
			
 
				+# Editor directories and files
			
 
				+.idea
			
 
				+.vscode
			
 
				+*.suo
			
 
				+*.ntvs*
			
 
				+*.njsproj
			
 
				+*.sln
			
 
				+*.sw?
			
--- a/README.md
+++ b/README.md
@@ -0,0 +1,24 @@
 
				+# sh_museum
			
 
				+
			
 
				+## Project setup
			
 
				+```
			
 
				+npm install
			
 
				+```
			
 
				+
			
 
				+### Compiles and hot-reloads for development
			
 
				+```
			
 
				+npm run serve
			
 
				+```
			
 
				+
			
 
				+### Compiles and minifies for production
			
 
				+```
			
 
				+npm run build
			
 
				+```
			
 
				+
			
 
				+### Lints and fixes files
			
 
				+```
			
 
				+npm run lint
			
 
				+```
			
 
				+
			
 
				+### Customize configuration
			
 
				+See [Configuration Reference](https://cli.vuejs.org/config/).
			
--- a/babel.config.js
+++ b/babel.config.js
@@ -0,0 +1,11 @@
 
				+module.exports = {
			
 
				+  presets: [
			
 
				+    '@vue/app',
			
 
				+    [
			
 
				+      '@babel/preset-env',
			
 
				+      {
			
 
				+        useBuiltIns: 'entry'
			
 
				+      }
			
 
				+    ]
			
 
				+  ]
			
 
				+}
			
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -0,0 +1,36 @@
 
				+{
			
 
				+  "name": "sh_museum",
			
 
				+  "version": "0.1.0",
			
 
				+  "private": true,
			
 
				+  "scripts": {
			
 
				+    "serve": "vue-cli-service serve",
			
 
				+    "build": "vue-cli-service build",
			
 
				+    "lint": "vue-cli-service lint"
			
 
				+  },
			
 
				+  "dependencies": {
			
 
				+    "axios": "^0.19.2",
			
 
				+    "babel-polyfill": "^6.26.0",
			
 
				+    "classlist-polyfill": "^1.2.0",
			
 
				+    "core-js": "^3.6.4",
			
 
				+    "swiper": "^5.4.5",
			
 
				+    "vue": "^2.6.11",
			
 
				+    "vue-awesome-swiper": "^4.1.1",
			
 
				+    "vue-router": "^3.1.6",
			
 
				+    "vuex": "^3.6.0"
			
 
				+  },
			
 
				+  "devDependencies": {
			
 
				+    "@vue/cli-plugin-babel": "~4.3.0",
			
 
				+    "@vue/cli-plugin-eslint": "~4.3.0",
			
 
				+    "@vue/cli-plugin-router": "~4.3.0",
			
 
				+    "@vue/cli-service": "~4.3.0",
			
 
				+    "babel-eslint": "^10.1.0",
			
 
				+    "babel-polyfill": "^6.26.0",
			
 
				+    "eslint": "^6.7.2",
			
 
				+    "eslint-plugin-vue": "^6.2.2",
			
 
				+    "less": "^3.0.4",
			
 
				+    "less-loader": "^5.0.0",
			
 
				+    "sass-resources-loader": "^2.0.3",
			
 
				+    "style-resources-loader": "^1.3.3",
			
 
				+    "vue-template-compiler": "^2.6.11"
			
 
				+  }
			
 
				+}
			
--- a/public/favicon.png
+++ b/public/favicon.png
--- a/public/images/01.png
+++ b/public/images/01.png
--- a/public/images/02.png
+++ b/public/images/02.png
--- a/public/images/03.png
+++ b/public/images/03.png
--- a/public/images/04.png
+++ b/public/images/04.png
--- a/public/images/loading.png
+++ b/public/images/loading.png
--- a/public/images/s_arrow.png
+++ b/public/images/s_arrow.png
--- a/public/images/s_life.png
+++ b/public/images/s_life.png
--- a/public/images/s_topic.png
+++ b/public/images/s_topic.png
--- a/public/index.html
+++ b/public/index.html
@@ -0,0 +1,18 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+  <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.png">
			
 
				+    <title>珠海掌上红色展馆</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>
			
 
				+    <script src="vtour/tour.js"></script>
			
 
				+    <div id="app"></div>
			
 
				+    <!-- built files will be auto injected -->
			
 
				+  </body>
			
 
				+</html>
			
--- a/src/App.vue
+++ b/src/App.vue
@@ -0,0 +1,70 @@
 
				+<template>
			
 
				+  <div id="app">
			
 
				+    <router-view v-if="isRouterAlive" />
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+  import browser from '@/utils/browser.js'
			
 
				+
			
 
				+  /* import header from "./pages/layout/header"; */
			
 
				+  import '@/assets/css/reset.less'
			
 
				+  import '@/assets/css/public.less'
			
 
				+  import '@/assets/css/color.less'
			
 
				+
			
 
				+
			
 
				+
			
 
				+  export default {
			
 
				+    provide() { //父组件中通过provide来提供变量，在子组件中通过inject来注入变量。                                             
			
 
				+      return {
			
 
				+        reload: this.reload
			
 
				+      }
			
 
				+    },
			
 
				+    data() {
			
 
				+      return {
			
 
				+        isMobile: browser.mobile,
			
 
				+        isRouterAlive: true //控制视图是否显示的变量
			
 
				+      }
			
 
				+    },
			
 
				+    methods: {
			
 
				+      async getList() {
			
 
				+        let res = await this.$http({
			
 
				+          method: "get",
			
 
				+          url: `list.json`
			
 
				+        });
			
 
				+        this.$store.commit('getList', res.list);
			
 
				+        console.log(this.$store.state.list)
			
 
				+      },
			
 
				+      reload() {
			
 
				+        this.isRouterAlive = false; //先关闭，
			
 
				+        this.$nextTick(function () {
			
 
				+          this.isRouterAlive = true; //再打开
			
 
				+        })
			
 
				+      }
			
 
				+    },
			
 
				+    created() {
			
 
				+      this.getList();
			
 
				+      //在页面加载时读取sessionStorage里的状态信息
			
 
				+      if (sessionStorage.getItem("store")) {
			
 
				+        this.$store.replaceState(Object.assign({}, this.$store.state, JSON.parse(sessionStorage.getItem("store"))))
			
 
				+        this.$store.state.aside = false;
			
 
				+      }
			
 
				+      //在页面刷新时将vuex里的信息保存到sessionStorage里
			
 
				+      window.addEventListener("beforeunload", () => {
			
 
				+        sessionStorage.setItem("store", JSON.stringify(this.$store.state))
			
 
				+
			
 
				+      })
			
 
				+    }
			
 
				+
			
 
				+  }
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less">
			
 
				+  #app {
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+    background: url('./assets/images/bg.jpg') no-repeat;
			
 
				+    background-size: cover;
			
 
				+    overflow: hidden;
			
 
				+  }
			
 
				+</style>
			
--- a/src/assets/css/color.less
+++ b/src/assets/css/color.less
--- a/src/assets/css/globalVars.less
+++ b/src/assets/css/globalVars.less
@@ -0,0 +1,4 @@
 
				+@cdn:'https://shlmuseum.oss-cn-shanghai.aliyuncs.com/shls_museum/images/';
			
 
				+@inputH:30px;
			
 
				+@theme:#9D362F;
			
 
				+@sub-theme:#C58C63;
			
--- a/src/assets/css/public.less
+++ b/src/assets/css/public.less
@@ -0,0 +1,86 @@
 
				+
			
 
				+
			
 
				+html,body{
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+}
			
 
				+// @font-face {
			
 
				+//   font-family: 'SY-bold';
			
 
				+//   src:
			
 
				+//   url('../fonts/webfont.eot') format('embedded-opentype'),
			
 
				+//   url('../fonts/webfont.woff') format('woff'),
			
 
				+//   url('../fonts/webfont.ttf') format('truetype'),
			
 
				+//   url('../fonts/webfont.svg') format('svg');
			
 
				+//   font-weight: normal;
			
 
				+//   font-style: normal;
			
 
				+// }
			
 
				+
			
 
				+// @font-face {
			
 
				+//   font-family: 'SY-medium';
			
 
				+//   src:
			
 
				+//   url('../fonts/webfont.eot') format('embedded-opentype'),
			
 
				+//   url('../fonts/webfont.woff') format('woff'),
			
 
				+//   url('../fonts/webfont.ttf') format('truetype'),
			
 
				+//   url('../fonts/webfont.svg') format('svg');
			
 
				+//   font-weight: normal;
			
 
				+//   font-style: normal;
			
 
				+// }
			
 
				+
			
 
				+
			
 
				+*{
			
 
				+  font-family: 'SY-medium';
			
 
				+}
			
 
				+
			
 
				+.qihuan{
			
 
				+  position: absolute;
			
 
				+  right: 50px;
			
 
				+  bottom: 20px;
			
 
				+  text-align: center;
			
 
				+  font-size: 0;
			
 
				+  cursor: pointer;
			
 
				+  user-select: none;
			
 
				+  p{
			
 
				+    font-size: 16px;
			
 
				+    color: @theme;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.bofang{
			
 
				+  position: absolute;
			
 
				+  right: 20px;
			
 
				+  bottom: 20px;
			
 
				+  width: 150px;
			
 
				+  cursor: pointer;
			
 
				+}
			
 
				+
			
 
				+.img-k{
			
 
				+  &::after {
			
 
				+    content: "";
			
 
				+    border: 4px solid @theme;
			
 
				+    padding: 10px;
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+    position: absolute;
			
 
				+    left: 50%;
			
 
				+    top: 50%;
			
 
				+    transform: translate(-50%, -50%);
			
 
				+    pointer-events: none;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.no-result {
			
 
				+  margin-top: 260px;
			
 
				+  vertical-align: middle;
			
 
				+  text-align: center;
			
 
				+  img {
			
 
				+    vertical-align: middle;
			
 
				+    margin-right: 10px;
			
 
				+    width: 24px;
			
 
				+  }
			
 
				+  span {
			
 
				+    color: #9d362f;
			
 
				+    font-size: 14px;
			
 
				+    vertical-align: middle;
			
 
				+    display: inline-block;
			
 
				+  }
			
 
				+}
			
--- a/src/assets/css/reset.less
+++ b/src/assets/css/reset.less
@@ -0,0 +1,43 @@
 
				+/* reset */
			
 
				+html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
			
 
				+header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
			
 
				+table{border-collapse:collapse;border-spacing:0;}
			
 
				+caption,th{text-align:left;font-weight:normal;}
			
 
				+html,body,fieldset,img,iframe,abbr{border:0;}
			
 
				+i,cite,em,var,address,dfn{font-style:normal;}
			
 
				+[hidefocus],summary{outline:0;}
			
 
				+li{list-style:none;}
			
 
				+h1,h2,h3,h4,h5,h6,small{font-size:100%;}
			
 
				+sup,sub{font-size:83%;}
			
 
				+pre,code,kbd,samp{font-family:inherit;}
			
 
				+q:before,q:after{content:none;}
			
 
				+textarea{overflow:auto;resize:none;}
			
 
				+label,summary{cursor:default;}
			
 
				+a,button{cursor:pointer;}
			
 
				+h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
			
 
				+del,ins,u,s,a,a:hover{text-decoration:none;}
			
 
				+body,textarea,input,button,select,keygen,legend{font:14px/1.14;outline:0;}
			
 
				+body{background:#fff;}
			
 
				+*{box-sizing: border-box}
			
 
				+a{text-decoration: none;}
			
 
				+
			
 
				+
			
 
				+::-webkit-scrollbar {
			
 
				+  width: 8px;
			
 
				+  height: 8px;
			
 
				+}
			
 
				+
			
 
				+::-webkit-scrollbar-thumb {
			
 
				+  height: 50px;
			
 
				+  background-color: #ddd;
			
 
				+  -webkit-border-radius: 4px;
			
 
				+  outline: 2px solid #fff;
			
 
				+  outline-offset: -2px;
			
 
				+}
			
 
				+
			
 
				+::-webkit-scrollbar-thumb:hover {
			
 
				+  height: 50px;
			
 
				+  background-color: #9f9f9f;
			
 
				+  -webkit-border-radius: 4px;
			
 
				+}
			
 
				+
			
--- a/src/assets/css/swiper.less
+++ b/src/assets/css/swiper.less
--- a/src/assets/fonts/webfont.eot
+++ b/src/assets/fonts/webfont.eot
--- a/src/assets/fonts/webfont.svg
+++ b/src/assets/fonts/webfont.svg
@@ -0,0 +1,62 @@
 
				+<?xml version="1.0" standalone="no"?>
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
			
 
				+
			
 
				+<svg>
			
 
				+<metadata>
			
 
				+Created by webfont
			
 
				+</metadata>
			
 
				+<defs>
			
 
				+
			
 
				+<font id="Noto Sans S Chinese DemiLight" horiz-adv-x="1000" vert-adv-y="1000" >
			
 
				+  <font-face
			
 
				+    
			
 
				+    font-family="Noto Sans S Chinese DemiLight"
			
 
				+    
			
 
				+    font-weight="350"
			
 
				+    
			
 
				+    font-stretch="normal"
			
 
				+    
			
 
				+    units-per-em="1000"
			
 
				+    
			
 
				+    panose-1="0 0 0 0 0 0 0 0 0 0"
			
 
				+    
			
 
				+    ascent="880"
			
 
				+    
			
 
				+    descent="-120"
			
 
				+    
			
 
				+    x-height="540"
			
 
				+    
			
 
				+    cap-height="732"
			
 
				+    
			
 
				+    bbox="-1000 -1048 2928 1808"
			
 
				+    
			
 
				+    underline-thickness="50"
			
 
				+    
			
 
				+    underline-position="-100"
			
 
				+    
			
 
				+    unicode-range="U+0001-2CE93"
			
 
				+    
			
 
				+  />
			
 
				+    <missing-glyph />
			
 
				+    
			
 
				+    <glyph glyph-name="cid24247" unicode="&#x6E38;" d="M958 227h-144v-226q0 -28 -6.5 -43t-26.5 -23t-53.5 -9.5t-84.5 -1.5q-2 14 -8 31t-12 31q40 -2 70.5 -2t40.5 2q11 0 14.5 3t3.5 13v225h-158v60h158v98q23 15 47 36t44 42h-199v59h253l12 4l41 -29q-27 -36 -63 -71.5t-73 -62.5v-76h144v-60zM575 429q0 -121 -3 -204
			
 
				+t-8.5 -136.5t-13 -82t-16.5 -41.5q-11 -14 -24 -20.5t-32 -8.5q-17 -2 -45.5 -2t-57.5 2q-2 14 -6 31t-12 30q31 -2 57 -3t37 -1t17.5 2.5t13.5 10.5q6 8 10.5 32t8 69.5t6.5 117t6 173.5h-106q-6 -71 -16.5 -138.5t-28.5 -128t-45 -112.5t-66 -94q-8 11 -21.5 23t-26.5 18
			
 
				+q50 52 79 124t45 156t21 176.5t7 185.5h-97v63h349v-63h-190q-2 -38 -3 -74.5t-3 -73.5h164v-31zM241 257q-13 -39 -27.5 -81t-30.5 -83.5t-31.5 -80.5t-30.5 -73l-60 33q14 29 30 67t33 80t33.5 86.5t30.5 86.5zM209 409q-14 11 -34 24t-42.5 26t-45.5 25.5t-43 23.5l37 48
			
 
				+q21 -10 44 -22t45.5 -24.5t42 -24.5t33.5 -22zM239 668q-13 11 -31.5 25t-39.5 28.5t-43 29t-42 26.5l39 46q19 -11 41.5 -24.5t43.5 -27t40 -27t32 -23.5zM433 676q-12 28 -36.5 66t-49.5 69l60 24q26 -30 50.5 -66.5t37.5 -62.5zM695 637q-30 -78 -70 -139
			
 
				+q-9 8 -26.5 18.5t-29.5 16.5q42 56 70 135.5t45 166.5l62 -11q-5 -32 -13 -63t-17 -61h241v-63h-262z"     />
			
 
				+
			
 
				+    
			
 
				+    <glyph glyph-name="cid24671" unicode="&#x6F2B;" d="M891 233q-34 -57 -84 -103t-113 -81q60 -23 126 -39.5t136 -26.5q-10 -10 -21.5 -26.5t-17.5 -29.5q-160 24 -291 88q-76 -34 -159 -56t-167 -35q-5 13 -14 30t-18 27q75 9 149 26.5t142 43.5q-102 60 -167 148h-75v55h518l13 3zM468 199q30 -35 70.5 -64.5t88.5 -54.5
			
 
				+q50 24 91 54t72 65h-322zM291 251q-18 -38 -39 -78t-42.5 -79.5t-43.5 -77.5t-42 -71l-56 44q19 28 41 64t44.5 76t45.5 82t43 82zM222 376q-14 13 -34.5 29t-44 32.5t-48.5 32t-48 27.5l40 45q23 -12 48 -26.5t49 -29.5t45 -30.5t36 -28.5zM275 649q-14 13 -35 29t-45 32
			
 
				+t-49.5 31t-49.5 27l38 47q24 -12 50 -26t50.5 -29.5t46 -30.5t36.5 -28zM922 306h-580v192h580v-192zM515 451h-115v-98h115v98zM686 451h-118v-98h118v98zM861 451h-121v-98h121v98zM875 548h-481v255h481v-255zM810 654h-353v-61h353v61zM810 758h-353v-61h353v61z"     />
			
 
				+
			
 
				+    
			
 
				+    <glyph glyph-name="cid27467" unicode="&#x7531;" d="M882 642v-713h-68v59h-629v-63h-66v717h345v193h68v-193h350zM532 575v-225h282v225h-282zM185 575v-225h279v225h-279zM185 54h279v231h-279v-231zM814 54v231h-282v-231h282z"     />
			
 
				+
			
 
				+    
			
 
				+    <glyph glyph-name="uni81EA" unicode="&#x81EA;" d="M847 699v-771h-69v52h-542v-57h-67v776h250q13 32 24 70t18 68l75 -11q-11 -32 -24 -65t-26 -62h361zM236 635v-158h542v158h-542zM236 415v-154h542v154h-542zM778 43v156h-542v-156h542z"     />
			
 
				+
			
 
				+    
			
 
				+
			
 
				+  </font>
			
 
				+</defs></svg>
			
--- a/src/assets/fonts/webfont.ttf
+++ b/src/assets/fonts/webfont.ttf
--- a/src/assets/fonts/webfont.woff
+++ b/src/assets/fonts/webfont.woff
--- a/src/assets/fonts/webfont.woff2
+++ b/src/assets/fonts/webfont.woff2
--- a/src/assets/fonts/webfont_8m1seuczxhh/demo.html
+++ b/src/assets/fonts/webfont_8m1seuczxhh/demo.html
@@ -0,0 +1,155 @@
 
				+<html>
			
 
				+<head>
			
 
				+    <meta charset="utf-8"/>
			
 
				+    <title>Webfont Demo</title>
			
 
				+    <style>
			
 
				+/*
			
 
				+KISSY CSS Reset
			
 
				+理念：1. reset 的目的不是清除浏览器的默认样式，这仅是部分工作。清除和重置是紧密不可分的。
			
 
				+2. reset 的目的不是让默认样式在所有浏览器下一致，而是减少默认样式有可能带来的问题。
			
 
				+3. reset 期望提供一套普适通用的基础样式。但没有银弹，推荐根据具体需求，裁剪和修改后再使用。
			
 
				+特色：1. 适应中文；2. 基于最新主流浏览器。
			
 
				+维护：玉伯<lifesinger@gmail.com>, 正淳<ragecarrier@gmail.com>
			
 
				+ */
			
 
				+
			
 
				+/** 清除内外边距 **/
			
 
				+body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
			
 
				+dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
			
 
				+pre, /* text formatting elements 文本格式元素 */
			
 
				+form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
			
 
				+th, td /* table elements 表格元素 */ {
			
 
				+  margin: 0;
			
 
				+  padding: 0;
			
 
				+}
			
 
				+
			
 
				+/** 设置默认字体 **/
			
 
				+body,
			
 
				+button, input, select, textarea /* for ie */ {
			
 
				+  font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
			
 
				+}
			
 
				+h1, h2, h3, h4, h5, h6 { font-size: 100%; }
			
 
				+address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
			
 
				+code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
			
 
				+small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
			
 
				+
			
 
				+/** 重置列表元素 **/
			
 
				+ul, ol { list-style: none; }
			
 
				+
			
 
				+/** 重置文本格式元素 **/
			
 
				+a { text-decoration: none; }
			
 
				+a:hover { text-decoration: underline; }
			
 
				+
			
 
				+
			
 
				+/** 重置表单元素 **/
			
 
				+legend { color: #000; } /* for ie6 */
			
 
				+fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
			
 
				+button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
			
 
				+/* 注：optgroup 无法扶正 */
			
 
				+
			
 
				+/** 重置表格元素 **/
			
 
				+table { border-collapse: collapse; border-spacing: 0; }
			
 
				+
			
 
				+/* 清除浮动 */
			
 
				+.ks-clear:after, .clear:after {
			
 
				+  content: '\20';
			
 
				+  display: block;
			
 
				+  height: 0;
			
 
				+  clear: both;
			
 
				+}
			
 
				+
			
 
				+.ks-clear, .clear {
			
 
				+  *zoom: 1;
			
 
				+}
			
 
				+
			
 
				+.main {padding: 30px 100px;}
			
 
				+.main h1{font-size:36px; color:#333; text-align:left;margin-bottom:30px; border-bottom: 1px solid #eee;}
			
 
				+
			
 
				+.helps{margin-top:40px;}
			
 
				+.helps pre{
			
 
				+  padding:20px;
			
 
				+  margin:10px 0;
			
 
				+  border:solid 1px #e7e1cd;
			
 
				+  background-color: #fffdef;
			
 
				+  overflow: auto;
			
 
				+}
			
 
				+
			
 
				+.icon_lists li{
			
 
				+  float:left;
			
 
				+  width: 100px;
			
 
				+  height:150px;
			
 
				+  text-align: center;
			
 
				+}
			
 
				+
			
 
				+.icon_lists .icon{
			
 
				+  font-size: 42px;
			
 
				+  line-height: 100px;
			
 
				+  margin: 10px 0;
			
 
				+  color:#333;
			
 
				+  -webkit-transition: font-size 0.25s ease-out 0s;
			
 
				+  -moz-transition: font-size 0.25s ease-out 0s;
			
 
				+  transition: font-size 0.25s ease-out 0s;
			
 
				+}
			
 
				+
			
 
				+.icon_lists .icon:hover{
			
 
				+  font-size: 100px;
			
 
				+}
			
 
				+
			
 
				+@font-face {
			
 
				+  font-family: "webfont";
			
 
				+  font-display: swap;
			
 
				+  src: url('webfont.eot'); /* IE9 */
			
 
				+  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			
 
				+  url('webfont.woff2') format('woff2'),
			
 
				+  url('webfont.woff') format('woff'), /* chrome、firefox */
			
 
				+  url('webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
			
 
				+  url('webfont.svg#webfont') format('svg'); /* iOS 4.1- */
			
 
				+}
			
 
				+
			
 
				+.web-font {
			
 
				+  font-family: "webfont" !important;
			
 
				+  font-size: 16px;
			
 
				+  font-style: normal;
			
 
				+  -webkit-font-smoothing: antialiased;
			
 
				+  -moz-osx-font-smoothing: grayscale;
			
 
				+}
			
 
				+    </style>
			
 
				+</head>
			
 
				+<body>
			
 
				+    <div class="main">
			
 
				+        <h1>webfont 字体预览</h1>
			
 
				+        <p class="web-font">自由漫游</p>
			
 
				+
			
 
				+
			
 
				+        <div class="helps">
			
 
				+            第一步：使用font-face声明字体
			
 
				+            <pre>
			
 
				+@font-face {
			
 
				+    font-family: 'webfont';
			
 
				+    font-display: swap;
			
 
				+    src: url('webfont.eot'); /* IE9 */
			
 
				+    src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			
 
				+    url('webfont.woff2') format('woff2'),
			
 
				+    url('webfont.woff') format('woff'), /* chrome、firefox */
			
 
				+    url('webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
			
 
				+    url('webfont.svg#webfont') format('svg'); /* iOS 4.1- */
			
 
				+}
			
 
				+</pre>
			
 
				+第二步：定义使用 webfont 的样式
			
 
				+            <pre>
			
 
				+.web-font {
			
 
				+    font-family: "webfont" !important;
			
 
				+    font-size: 16px;
			
 
				+    font-style: normal;
			
 
				+    -webkit-font-smoothing: antialiased;
			
 
				+    -moz-osx-font-smoothing: grayscale;
			
 
				+}
			
 
				+</pre>
			
 
				+第三步：为文字加上对应的样式
			
 
				+<pre>
			
 
				+&lt;i class="web-font"&gt;自由漫游&lt;/i&gt;
			
 
				+</pre>
			
 
				+        </div>
			
 
				+
			
 
				+    </div>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/assets/fonts/webfont_8m1seuczxhh/webfont.eot
+++ b/src/assets/fonts/webfont_8m1seuczxhh/webfont.eot
--- a/src/assets/fonts/webfont_8m1seuczxhh/webfont.svg
+++ b/src/assets/fonts/webfont_8m1seuczxhh/webfont.svg
@@ -0,0 +1,62 @@
 
				+<?xml version="1.0" standalone="no"?>
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
			
 
				+
			
 
				+<svg>
			
 
				+<metadata>
			
 
				+Created by webfont
			
 
				+</metadata>
			
 
				+<defs>
			
 
				+
			
 
				+<font id="Noto Sans S Chinese DemiLight" horiz-adv-x="1000" vert-adv-y="1000" >
			
 
				+  <font-face
			
 
				+    
			
 
				+    font-family="Noto Sans S Chinese DemiLight"
			
 
				+    
			
 
				+    font-weight="350"
			
 
				+    
			
 
				+    font-stretch="normal"
			
 
				+    
			
 
				+    units-per-em="1000"
			
 
				+    
			
 
				+    panose-1="0 0 0 0 0 0 0 0 0 0"
			
 
				+    
			
 
				+    ascent="880"
			
 
				+    
			
 
				+    descent="-120"
			
 
				+    
			
 
				+    x-height="540"
			
 
				+    
			
 
				+    cap-height="732"
			
 
				+    
			
 
				+    bbox="-1000 -1048 2928 1808"
			
 
				+    
			
 
				+    underline-thickness="50"
			
 
				+    
			
 
				+    underline-position="-100"
			
 
				+    
			
 
				+    unicode-range="U+0001-2CE93"
			
 
				+    
			
 
				+  />
			
 
				+    <missing-glyph />
			
 
				+    
			
 
				+    <glyph glyph-name="cid24247" unicode="&#x6E38;" d="M958 227h-144v-226q0 -28 -6.5 -43t-26.5 -23t-53.5 -9.5t-84.5 -1.5q-2 14 -8 31t-12 31q40 -2 70.5 -2t40.5 2q11 0 14.5 3t3.5 13v225h-158v60h158v98q23 15 47 36t44 42h-199v59h253l12 4l41 -29q-27 -36 -63 -71.5t-73 -62.5v-76h144v-60zM575 429q0 -121 -3 -204
			
 
				+t-8.5 -136.5t-13 -82t-16.5 -41.5q-11 -14 -24 -20.5t-32 -8.5q-17 -2 -45.5 -2t-57.5 2q-2 14 -6 31t-12 30q31 -2 57 -3t37 -1t17.5 2.5t13.5 10.5q6 8 10.5 32t8 69.5t6.5 117t6 173.5h-106q-6 -71 -16.5 -138.5t-28.5 -128t-45 -112.5t-66 -94q-8 11 -21.5 23t-26.5 18
			
 
				+q50 52 79 124t45 156t21 176.5t7 185.5h-97v63h349v-63h-190q-2 -38 -3 -74.5t-3 -73.5h164v-31zM241 257q-13 -39 -27.5 -81t-30.5 -83.5t-31.5 -80.5t-30.5 -73l-60 33q14 29 30 67t33 80t33.5 86.5t30.5 86.5zM209 409q-14 11 -34 24t-42.5 26t-45.5 25.5t-43 23.5l37 48
			
 
				+q21 -10 44 -22t45.5 -24.5t42 -24.5t33.5 -22zM239 668q-13 11 -31.5 25t-39.5 28.5t-43 29t-42 26.5l39 46q19 -11 41.5 -24.5t43.5 -27t40 -27t32 -23.5zM433 676q-12 28 -36.5 66t-49.5 69l60 24q26 -30 50.5 -66.5t37.5 -62.5zM695 637q-30 -78 -70 -139
			
 
				+q-9 8 -26.5 18.5t-29.5 16.5q42 56 70 135.5t45 166.5l62 -11q-5 -32 -13 -63t-17 -61h241v-63h-262z"     />
			
 
				+
			
 
				+    
			
 
				+    <glyph glyph-name="cid24671" unicode="&#x6F2B;" d="M891 233q-34 -57 -84 -103t-113 -81q60 -23 126 -39.5t136 -26.5q-10 -10 -21.5 -26.5t-17.5 -29.5q-160 24 -291 88q-76 -34 -159 -56t-167 -35q-5 13 -14 30t-18 27q75 9 149 26.5t142 43.5q-102 60 -167 148h-75v55h518l13 3zM468 199q30 -35 70.5 -64.5t88.5 -54.5
			
 
				+q50 24 91 54t72 65h-322zM291 251q-18 -38 -39 -78t-42.5 -79.5t-43.5 -77.5t-42 -71l-56 44q19 28 41 64t44.5 76t45.5 82t43 82zM222 376q-14 13 -34.5 29t-44 32.5t-48.5 32t-48 27.5l40 45q23 -12 48 -26.5t49 -29.5t45 -30.5t36 -28.5zM275 649q-14 13 -35 29t-45 32
			
 
				+t-49.5 31t-49.5 27l38 47q24 -12 50 -26t50.5 -29.5t46 -30.5t36.5 -28zM922 306h-580v192h580v-192zM515 451h-115v-98h115v98zM686 451h-118v-98h118v98zM861 451h-121v-98h121v98zM875 548h-481v255h481v-255zM810 654h-353v-61h353v61zM810 758h-353v-61h353v61z"     />
			
 
				+
			
 
				+    
			
 
				+    <glyph glyph-name="cid27467" unicode="&#x7531;" d="M882 642v-713h-68v59h-629v-63h-66v717h345v193h68v-193h350zM532 575v-225h282v225h-282zM185 575v-225h279v225h-279zM185 54h279v231h-279v-231zM814 54v231h-282v-231h282z"     />
			
 
				+
			
 
				+    
			
 
				+    <glyph glyph-name="uni81EA" unicode="&#x81EA;" d="M847 699v-771h-69v52h-542v-57h-67v776h250q13 32 24 70t18 68l75 -11q-11 -32 -24 -65t-26 -62h361zM236 635v-158h542v158h-542zM236 415v-154h542v154h-542zM778 43v156h-542v-156h542z"     />
			
 
				+
			
 
				+    
			
 
				+
			
 
				+  </font>
			
 
				+</defs></svg>
			
--- a/src/assets/fonts/webfont_8m1seuczxhh/webfont.ttf
+++ b/src/assets/fonts/webfont_8m1seuczxhh/webfont.ttf
--- a/src/assets/fonts/webfont_8m1seuczxhh/webfont.woff
+++ b/src/assets/fonts/webfont_8m1seuczxhh/webfont.woff
--- a/src/assets/fonts/webfont_8m1seuczxhh/webfont.woff2
+++ b/src/assets/fonts/webfont_8m1seuczxhh/webfont.woff2
--- a/src/assets/fonts/新建文件夹/SourceHanSerifCN-Bold-2.otf
+++ b/src/assets/fonts/新建文件夹/SourceHanSerifCN-Bold-2.otf
--- a/src/assets/fonts/新建文件夹/SourceHanSerifCN-Bold.ttf
+++ b/src/assets/fonts/新建文件夹/SourceHanSerifCN-Bold.ttf
--- a/src/assets/fonts/新建文件夹/SourceHanSerifCN-Medium-6.otf
+++ b/src/assets/fonts/新建文件夹/SourceHanSerifCN-Medium-6.otf
--- a/src/assets/images/01.png
+++ b/src/assets/images/01.png
--- a/src/assets/images/01_text.png
+++ b/src/assets/images/01_text.png
--- a/src/assets/images/02.png
+++ b/src/assets/images/02.png
--- a/src/assets/images/02_text.png
+++ b/src/assets/images/02_text.png
--- a/src/assets/images/03.png
+++ b/src/assets/images/03.png
--- a/src/assets/images/03_text.png
+++ b/src/assets/images/03_text.png
--- a/src/assets/images/04.png
+++ b/src/assets/images/04.png
--- a/src/assets/images/04_text.png
+++ b/src/assets/images/04_text.png
--- a/src/assets/images/3d_icon.png
+++ b/src/assets/images/3d_icon.png
--- a/src/assets/images/active_bg.png
+++ b/src/assets/images/active_bg.png
--- a/src/assets/images/all_icon.png
+++ b/src/assets/images/all_icon.png
--- a/src/assets/images/antiques_logo.png
+++ b/src/assets/images/antiques_logo.png
--- a/src/assets/images/aside_bg.png
+++ b/src/assets/images/aside_bg.png
--- a/src/assets/images/aside_line.png
+++ b/src/assets/images/aside_line.png
--- a/src/assets/images/audio_icon.png
+++ b/src/assets/images/audio_icon.png
--- a/src/assets/images/audio_off.png
+++ b/src/assets/images/audio_off.png
--- a/src/assets/images/audio_on.png
+++ b/src/assets/images/audio_on.png
--- a/src/assets/images/back_icon.png
+++ b/src/assets/images/back_icon.png
--- a/src/assets/images/bg.jpg
+++ b/src/assets/images/bg.jpg
--- a/src/assets/images/bgmIcon.png
+++ b/src/assets/images/bgmIcon.png
--- a/src/assets/images/bottom_icon2.png
+++ b/src/assets/images/bottom_icon2.png
--- a/src/assets/images/bottom_right_c.png
+++ b/src/assets/images/bottom_right_c.png
--- a/src/assets/images/closeIcon.png
+++ b/src/assets/images/closeIcon.png
--- a/src/assets/images/clothes_icon.png
+++ b/src/assets/images/clothes_icon.png
--- a/src/assets/images/content_bg.png
+++ b/src/assets/images/content_bg.png
--- a/src/assets/images/goback_index.png
+++ b/src/assets/images/goback_index.png
--- a/src/assets/images/icon3.png
+++ b/src/assets/images/icon3.png
--- a/src/assets/images/indexIcon.png
+++ b/src/assets/images/indexIcon.png
--- a/src/assets/images/index_bg.jpg
+++ b/src/assets/images/index_bg.jpg
--- a/src/assets/images/index_icon.png
+++ b/src/assets/images/index_icon.png
--- a/src/assets/images/introduceIcon.png
+++ b/src/assets/images/introduceIcon.png
--- a/src/assets/images/introduce_bg.jpg
+++ b/src/assets/images/introduce_bg.jpg
--- a/src/assets/images/life_icon.png
+++ b/src/assets/images/life_icon.png
--- a/src/assets/images/loading.png
+++ b/src/assets/images/loading.png
--- a/src/assets/images/loading_text.png
+++ b/src/assets/images/loading_text.png
--- a/src/assets/images/logo.png
+++ b/src/assets/images/logo.png
--- a/src/assets/images/map.jpg
+++ b/src/assets/images/map.jpg
--- a/src/assets/images/map_bg.jpg
+++ b/src/assets/images/map_bg.jpg
--- a/src/assets/images/nav-icon.png
+++ b/src/assets/images/nav-icon.png
--- a/src/assets/images/next_icon.png
+++ b/src/assets/images/next_icon.png
--- a/src/assets/images/office_icon.png
+++ b/src/assets/images/office_icon.png
--- a/src/assets/images/other_icon.png
+++ b/src/assets/images/other_icon.png
--- a/src/assets/images/p_backIcon.png
+++ b/src/assets/images/p_backIcon.png
--- a/src/assets/images/p_indexIcon.png
+++ b/src/assets/images/p_indexIcon.png
--- a/src/assets/images/prev_icon.png
+++ b/src/assets/images/prev_icon.png
--- a/src/assets/images/right-content_icon.png
+++ b/src/assets/images/right-content_icon.png
--- a/src/assets/images/s_arrow.png
+++ b/src/assets/images/s_arrow.png
--- a/src/assets/images/s_back.png
+++ b/src/assets/images/s_back.png
--- a/src/assets/images/s_index.png
+++ b/src/assets/images/s_index.png
--- a/src/assets/images/scene1.jpg
+++ b/src/assets/images/scene1.jpg
--- a/src/assets/images/scene2.jpg
+++ b/src/assets/images/scene2.jpg
--- a/src/assets/images/scene3.jpg
+++ b/src/assets/images/scene3.jpg
--- a/src/assets/images/scene4.jpg
+++ b/src/assets/images/scene4.jpg
--- a/src/assets/images/scene5.jpg
+++ b/src/assets/images/scene5.jpg
--- a/src/assets/images/scene6.jpg
+++ b/src/assets/images/scene6.jpg
--- a/src/assets/images/scene7.jpg
+++ b/src/assets/images/scene7.jpg
--- a/src/assets/images/scene_bottom.png
+++ b/src/assets/images/scene_bottom.png
--- a/src/assets/images/search_bg.png
+++ b/src/assets/images/search_bg.png
--- a/src/assets/images/search_icon.png
+++ b/src/assets/images/search_icon.png
--- a/src/assets/images/searchpage_bg.png
+++ b/src/assets/images/searchpage_bg.png
--- a/src/assets/images/sorry_text.png
+++ b/src/assets/images/sorry_text.png
--- a/src/assets/images/text_bg.png
+++ b/src/assets/images/text_bg.png
--- a/src/assets/images/title-bg.png
+++ b/src/assets/images/title-bg.png