9 miesięcy temu · 8166502f12
--- 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,22 @@
 
				+.DS_Store
			
 
				+node_modules
			
 
				+
			
 
				+/dist
			
 
				+/panorama
			
 
				+# 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,27 @@
 
				+# ksf_project
			
 
				+
			
 
				+## 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/).
			
 
				+
			
 
				+线上地址：https://houseoss.4dkankan.com/syms2/main/index.html#/
			
 
				+krpano的场景地址 需要从oss上拉取 https://houseoss.4dkankan.com/syms2/panorama
			
--- a/babel.config.js
+++ b/babel.config.js
@@ -0,0 +1,5 @@
 
				+module.exports = {
			
 
				+  presets: [
			
 
				+    '@vue/cli-plugin-babel/preset'
			
 
				+  ]
			
 
				+}
			
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -0,0 +1,32 @@
 
				+{
			
 
				+  "name": "ksf_project",
			
 
				+  "version": "0.1.0",
			
 
				+  "private": true,
			
 
				+  "scripts": {
			
 
				+    "serve": "vue-cli-service serve",
			
 
				+    "build": "vue-cli-service build",
			
 
				+    "lint": "vue-cli-service lint"
			
 
				+  },
			
 
				+  "dependencies": {
			
 
				+    "core-js": "^3.6.4",
			
 
				+    "jsonp": "^0.2.1",
			
 
				+    "swiper": "^5.3.8",
			
 
				+    "v-viewer": "^1.5.1",
			
 
				+    "vue": "^2.6.11",
			
 
				+    "vue-awesome-swiper": "^4.1.1",
			
 
				+    "vue-router": "^3.1.6",
			
 
				+    "weixin-js-sdk": "^1.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",
			
 
				+    "eslint": "^6.7.2",
			
 
				+    "eslint-plugin-vue": "^6.2.2",
			
 
				+    "less": "^3.0.4",
			
 
				+    "less-loader": "^5.0.0",
			
 
				+    "vue-template-compiler": "^2.6.11"
			
 
				+  }
			
 
				+}
			
--- a/public/index.html
+++ b/public/index.html
@@ -0,0 +1,33 @@
 
				+<!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,maximum-scale=1.0,user-scalable=0">
			
 
				+    <!-- <link rel="icon" href="https://4d-tjw.oss-cn-shenzhen.aliyuncs.com/nywg/favico.png"> -->
			
 
				+    <title>三亚国际免税城云戒景区</title>
			
 
				+    <script>
			
 
				+      var _hmt = _hmt || [];
			
 
				+      (function() {
			
 
				+        var hm = document.createElement("script");
			
 
				+        hm.src = "https://hm.baidu.com/hm.js?58f758ea1b5b8cb51fa47e10587cda3c";
			
 
				+        var s = document.getElementsByTagName("script")[0]; 
			
 
				+        s.parentNode.insertBefore(hm, s);
			
 
				+      })();
			
 
				+    </script>
			
 
				+      
			
 
				+      
			
 
				+  </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="https://webapi.amap.com/maps?v=1.4.10&key=e661b00bdf2c44cccf71ef6070ef41b8"></script>
			
 
				+    <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.6&key=e661b00bdf2c44cccf71ef6070ef41b8&plugin=AMap.Geocoder"></script>
			
 
				+    <script type="text/javascript" src="https://webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>
			
 
				+
			
 
				+
			
 
				+    <div id="app"></div>
			
 
				+    <!-- built files will be auto injected -->
			
 
				+  </body>
			
 
				+</html>
			
--- a/src/App.vue
+++ b/src/App.vue
@@ -0,0 +1,95 @@
 
				+<template>
			
 
				+  <div id="app">
			
 
				+    <router-view @audio="handleAudio" :musicStatus="musicSta" />
			
 
				+    <audio class="audio" id="audio1" :src="`${$cdn}audio/bg.mp3`" preload loop ref="musicBg"></audio>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import "@/assets/css/reset.less";
			
 
				+import "@/assets/css/public.less";
			
 
				+import "@/assets/fonts/iconfont.css";
			
 
				+import wx from "weixin-js-sdk";
			
 
				+import jsonp from "jsonp";
			
 
				+
			
 
				+export default {
			
 
				+  data() {
			
 
				+    return {
			
 
				+      musicSta: true,
			
 
				+    };
			
 
				+  },
			
 
				+  methods: {
			
 
				+    handleAudio(val) {
			
 
				+      this.musicSta = val;
			
 
				+      val ? this.$refs.musicBg.pause() : this.$refs.musicBg.play();
			
 
				+    },
			
 
				+    wxShare() {
			
 
				+      let url = location.href.split("#")[0];
			
 
				+      jsonp("https://www.4dage.com/wechat/jssdk/share/?uri=" + window.escape(url) + "&name=淇澳端午巡游", "success_jsonp", function (err, data) {
			
 
				+        if (err) {
			
 
				+          console.err(err);
			
 
				+        } else {
			
 
				+          wx.config({
			
 
				+            debug: false, // 开启调试模式
			
 
				+            appId: data.appId,
			
 
				+            timestamp: data.timestamp,
			
 
				+            nonceStr: data.nonceStr,
			
 
				+            signature: data.signature,
			
 
				+            jsApiList: [
			
 
				+              "checkJsApi",
			
 
				+              "onMenuShareTimeline",
			
 
				+              "onMenuShareAppMessage",
			
 
				+              "onMenuShareQQ",
			
 
				+              "onMenuShareWeibo",
			
 
				+              "hideMenuItems",
			
 
				+              "showMenuItems",
			
 
				+              "hideAllNonBaseMenuItem",
			
 
				+              "showAllNonBaseMenuItem",
			
 
				+              "translateVoice",
			
 
				+              "startRecord",
			
 
				+              "stopRecord",
			
 
				+              "onRecordEnd",
			
 
				+              "playVoice",
			
 
				+              "pauseVoice",
			
 
				+              "stopVoice",
			
 
				+              "uploadVoice",
			
 
				+              "downloadVoice",
			
 
				+            ],
			
 
				+          });
			
 
				+        }
			
 
				+        wx.ready(function () {
			
 
				+          var shareData = {
			
 
				+            title: "UIC全景校园 UIC Virtual Tour", //  标题
			
 
				+            desc: "UIC全景校园 UIC Virtual Tour", //  描述
			
 
				+            link: window.location.href, //  分享的URL，必须和当前打开的网页的URL是一样的
			
 
				+            imgUrl: "https://houseoss.4dkankan.com/uic/logo.png", //  缩略图地址
			
 
				+            success: function () {},
			
 
				+            cancel: function () {},
			
 
				+          };
			
 
				+          wx.onMenuShareAppMessage(shareData);
			
 
				+          wx.onMenuShareTimeline(shareData);
			
 
				+          wx.onMenuShareQQ(shareData);
			
 
				+          wx.onMenuShareQZone(shareData);
			
 
				+        });
			
 
				+      });
			
 
				+    },
			
 
				+  },
			
 
				+  mounted() {
			
 
				+    this.wxShare();
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less">
			
 
				+#app {
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  overflow: hidden;
			
 
				+}
			
 
				+.audio {
			
 
				+  position: fixed;
			
 
				+  top: -100px;
			
 
				+  left: -100px;
			
 
				+  opacity: 0;
			
 
				+}
			
 
				+</style>
			
--- a/src/assets/audio/bg.mp3
+++ b/src/assets/audio/bg.mp3
--- a/src/assets/audio/jiangjie.mp3
+++ b/src/assets/audio/jiangjie.mp3
--- a/src/assets/css/public.less
+++ b/src/assets/css/public.less
@@ -0,0 +1,8 @@
 
				+html,body{
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+}
			
 
				+*{
			
 
				+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
			
 
				+  tap-highlight-color: rgba(0, 0, 0, 0);
			
 
				+}
			
--- 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/fonts/FZCY.ttf
+++ b/src/assets/fonts/FZCY.ttf
--- a/src/assets/fonts/FZZY.TTF
+++ b/src/assets/fonts/FZZY.TTF
--- a/src/assets/fonts/demo.css
+++ b/src/assets/fonts/demo.css
@@ -0,0 +1,539 @@
 
				+/* Logo 字体 */
			
 
				+@font-face {
			
 
				+  font-family: "iconfont logo";
			
 
				+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
			
 
				+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
			
 
				+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
			
 
				+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
			
 
				+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
			
 
				+}
			
 
				+
			
 
				+.logo {
			
 
				+  font-family: "iconfont logo";
			
 
				+  font-size: 160px;
			
 
				+  font-style: normal;
			
 
				+  -webkit-font-smoothing: antialiased;
			
 
				+  -moz-osx-font-smoothing: grayscale;
			
 
				+}
			
 
				+
			
 
				+/* tabs */
			
 
				+.nav-tabs {
			
 
				+  position: relative;
			
 
				+}
			
 
				+
			
 
				+.nav-tabs .nav-more {
			
 
				+  position: absolute;
			
 
				+  right: 0;
			
 
				+  bottom: 0;
			
 
				+  height: 42px;
			
 
				+  line-height: 42px;
			
 
				+  color: #666;
			
 
				+}
			
 
				+
			
 
				+#tabs {
			
 
				+  border-bottom: 1px solid #eee;
			
 
				+}
			
 
				+
			
 
				+#tabs li {
			
 
				+  cursor: pointer;
			
 
				+  width: 100px;
			
 
				+  height: 40px;
			
 
				+  line-height: 40px;
			
 
				+  text-align: center;
			
 
				+  font-size: 16px;
			
 
				+  border-bottom: 2px solid transparent;
			
 
				+  position: relative;
			
 
				+  z-index: 1;
			
 
				+  margin-bottom: -1px;
			
 
				+  color: #666;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+#tabs .active {
			
 
				+  border-bottom-color: #f00;
			
 
				+  color: #222;
			
 
				+}
			
 
				+
			
 
				+.tab-container .content {
			
 
				+  display: none;
			
 
				+}
			
 
				+
			
 
				+/* 页面布局 */
			
 
				+.main {
			
 
				+  padding: 30px 100px;
			
 
				+  width: 960px;
			
 
				+  margin: 0 auto;
			
 
				+}
			
 
				+
			
 
				+.main .logo {
			
 
				+  color: #333;
			
 
				+  text-align: left;
			
 
				+  margin-bottom: 30px;
			
 
				+  line-height: 1;
			
 
				+  height: 110px;
			
 
				+  margin-top: -50px;
			
 
				+  overflow: hidden;
			
 
				+  *zoom: 1;
			
 
				+}
			
 
				+
			
 
				+.main .logo a {
			
 
				+  font-size: 160px;
			
 
				+  color: #333;
			
 
				+}
			
 
				+
			
 
				+.helps {
			
 
				+  margin-top: 40px;
			
 
				+}
			
 
				+
			
 
				+.helps pre {
			
 
				+  padding: 20px;
			
 
				+  margin: 10px 0;
			
 
				+  border: solid 1px #e7e1cd;
			
 
				+  background-color: #fffdef;
			
 
				+  overflow: auto;
			
 
				+}
			
 
				+
			
 
				+.icon_lists {
			
 
				+  width: 100% !important;
			
 
				+  overflow: hidden;
			
 
				+  *zoom: 1;
			
 
				+}
			
 
				+
			
 
				+.icon_lists li {
			
 
				+  width: 100px;
			
 
				+  margin-bottom: 10px;
			
 
				+  margin-right: 20px;
			
 
				+  text-align: center;
			
 
				+  list-style: none !important;
			
 
				+  cursor: default;
			
 
				+}
			
 
				+
			
 
				+.icon_lists li .code-name {
			
 
				+  line-height: 1.2;
			
 
				+}
			
 
				+
			
 
				+.icon_lists .icon {
			
 
				+  display: block;
			
 
				+  height: 100px;
			
 
				+  line-height: 100px;
			
 
				+  font-size: 42px;
			
 
				+  margin: 10px auto;
			
 
				+  color: #333;
			
 
				+  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
			
 
				+  -moz-transition: font-size 0.25s linear, width 0.25s linear;
			
 
				+  transition: font-size 0.25s linear, width 0.25s linear;
			
 
				+}
			
 
				+
			
 
				+.icon_lists .icon:hover {
			
 
				+  font-size: 100px;
			
 
				+}
			
 
				+
			
 
				+.icon_lists .svg-icon {
			
 
				+  /* 通过设置 font-size 来改变图标大小 */
			
 
				+  width: 1em;
			
 
				+  /* 图标和文字相邻时，垂直对齐 */
			
 
				+  vertical-align: -0.15em;
			
 
				+  /* 通过设置 color 来改变 SVG 的颜色/fill */
			
 
				+  fill: currentColor;
			
 
				+  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
			
 
				+      normalize.css 中也包含这行 */
			
 
				+  overflow: hidden;
			
 
				+}
			
 
				+
			
 
				+.icon_lists li .name,
			
 
				+.icon_lists li .code-name {
			
 
				+  color: #666;
			
 
				+}
			
 
				+
			
 
				+/* markdown 样式 */
			
 
				+.markdown {
			
 
				+  color: #666;
			
 
				+  font-size: 14px;
			
 
				+  line-height: 1.8;
			
 
				+}
			
 
				+
			
 
				+.highlight {
			
 
				+  line-height: 1.5;
			
 
				+}
			
 
				+
			
 
				+.markdown img {
			
 
				+  vertical-align: middle;
			
 
				+  max-width: 100%;
			
 
				+}
			
 
				+
			
 
				+.markdown h1 {
			
 
				+  color: #404040;
			
 
				+  font-weight: 500;
			
 
				+  line-height: 40px;
			
 
				+  margin-bottom: 24px;
			
 
				+}
			
 
				+
			
 
				+.markdown h2,
			
 
				+.markdown h3,
			
 
				+.markdown h4,
			
 
				+.markdown h5,
			
 
				+.markdown h6 {
			
 
				+  color: #404040;
			
 
				+  margin: 1.6em 0 0.6em 0;
			
 
				+  font-weight: 500;
			
 
				+  clear: both;
			
 
				+}
			
 
				+
			
 
				+.markdown h1 {
			
 
				+  font-size: 28px;
			
 
				+}
			
 
				+
			
 
				+.markdown h2 {
			
 
				+  font-size: 22px;
			
 
				+}
			
 
				+
			
 
				+.markdown h3 {
			
 
				+  font-size: 16px;
			
 
				+}
			
 
				+
			
 
				+.markdown h4 {
			
 
				+  font-size: 14px;
			
 
				+}
			
 
				+
			
 
				+.markdown h5 {
			
 
				+  font-size: 12px;
			
 
				+}
			
 
				+
			
 
				+.markdown h6 {
			
 
				+  font-size: 12px;
			
 
				+}
			
 
				+
			
 
				+.markdown hr {
			
 
				+  height: 1px;
			
 
				+  border: 0;
			
 
				+  background: #e9e9e9;
			
 
				+  margin: 16px 0;
			
 
				+  clear: both;
			
 
				+}
			
 
				+
			
 
				+.markdown p {
			
 
				+  margin: 1em 0;
			
 
				+}
			
 
				+
			
 
				+.markdown>p,
			
 
				+.markdown>blockquote,
			
 
				+.markdown>.highlight,
			
 
				+.markdown>ol,
			
 
				+.markdown>ul {
			
 
				+  width: 80%;
			
 
				+}
			
 
				+
			
 
				+.markdown ul>li {
			
 
				+  list-style: circle;
			
 
				+}
			
 
				+
			
 
				+.markdown>ul li,
			
 
				+.markdown blockquote ul>li {
			
 
				+  margin-left: 20px;
			
 
				+  padding-left: 4px;
			
 
				+}
			
 
				+
			
 
				+.markdown>ul li p,
			
 
				+.markdown>ol li p {
			
 
				+  margin: 0.6em 0;
			
 
				+}
			
 
				+
			
 
				+.markdown ol>li {
			
 
				+  list-style: decimal;
			
 
				+}
			
 
				+
			
 
				+.markdown>ol li,
			
 
				+.markdown blockquote ol>li {
			
 
				+  margin-left: 20px;
			
 
				+  padding-left: 4px;
			
 
				+}
			
 
				+
			
 
				+.markdown code {
			
 
				+  margin: 0 3px;
			
 
				+  padding: 0 5px;
			
 
				+  background: #eee;
			
 
				+  border-radius: 3px;
			
 
				+}
			
 
				+
			
 
				+.markdown strong,
			
 
				+.markdown b {
			
 
				+  font-weight: 600;
			
 
				+}
			
 
				+
			
 
				+.markdown>table {
			
 
				+  border-collapse: collapse;
			
 
				+  border-spacing: 0px;
			
 
				+  empty-cells: show;
			
 
				+  border: 1px solid #e9e9e9;
			
 
				+  width: 95%;
			
 
				+  margin-bottom: 24px;
			
 
				+}
			
 
				+
			
 
				+.markdown>table th {
			
 
				+  white-space: nowrap;
			
 
				+  color: #333;
			
 
				+  font-weight: 600;
			
 
				+}
			
 
				+
			
 
				+.markdown>table th,
			
 
				+.markdown>table td {
			
 
				+  border: 1px solid #e9e9e9;
			
 
				+  padding: 8px 16px;
			
 
				+  text-align: left;
			
 
				+}
			
 
				+
			
 
				+.markdown>table th {
			
 
				+  background: #F7F7F7;
			
 
				+}
			
 
				+
			
 
				+.markdown blockquote {
			
 
				+  font-size: 90%;
			
 
				+  color: #999;
			
 
				+  border-left: 4px solid #e9e9e9;
			
 
				+  padding-left: 0.8em;
			
 
				+  margin: 1em 0;
			
 
				+}
			
 
				+
			
 
				+.markdown blockquote p {
			
 
				+  margin: 0;
			
 
				+}
			
 
				+
			
 
				+.markdown .anchor {
			
 
				+  opacity: 0;
			
 
				+  transition: opacity 0.3s ease;
			
 
				+  margin-left: 8px;
			
 
				+}
			
 
				+
			
 
				+.markdown .waiting {
			
 
				+  color: #ccc;
			
 
				+}
			
 
				+
			
 
				+.markdown h1:hover .anchor,
			
 
				+.markdown h2:hover .anchor,
			
 
				+.markdown h3:hover .anchor,
			
 
				+.markdown h4:hover .anchor,
			
 
				+.markdown h5:hover .anchor,
			
 
				+.markdown h6:hover .anchor {
			
 
				+  opacity: 1;
			
 
				+  display: inline-block;
			
 
				+}
			
 
				+
			
 
				+.markdown>br,
			
 
				+.markdown>p>br {
			
 
				+  clear: both;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+.hljs {
			
 
				+  display: block;
			
 
				+  background: white;
			
 
				+  padding: 0.5em;
			
 
				+  color: #333333;
			
 
				+  overflow-x: auto;
			
 
				+}
			
 
				+
			
 
				+.hljs-comment,
			
 
				+.hljs-meta {
			
 
				+  color: #969896;
			
 
				+}
			
 
				+
			
 
				+.hljs-string,
			
 
				+.hljs-variable,
			
 
				+.hljs-template-variable,
			
 
				+.hljs-strong,
			
 
				+.hljs-emphasis,
			
 
				+.hljs-quote {
			
 
				+  color: #df5000;
			
 
				+}
			
 
				+
			
 
				+.hljs-keyword,
			
 
				+.hljs-selector-tag,
			
 
				+.hljs-type {
			
 
				+  color: #a71d5d;
			
 
				+}
			
 
				+
			
 
				+.hljs-literal,
			
 
				+.hljs-symbol,
			
 
				+.hljs-bullet,
			
 
				+.hljs-attribute {
			
 
				+  color: #0086b3;
			
 
				+}
			
 
				+
			
 
				+.hljs-section,
			
 
				+.hljs-name {
			
 
				+  color: #63a35c;
			
 
				+}
			
 
				+
			
 
				+.hljs-tag {
			
 
				+  color: #333333;
			
 
				+}
			
 
				+
			
 
				+.hljs-title,
			
 
				+.hljs-attr,
			
 
				+.hljs-selector-id,
			
 
				+.hljs-selector-class,
			
 
				+.hljs-selector-attr,
			
 
				+.hljs-selector-pseudo {
			
 
				+  color: #795da3;
			
 
				+}
			
 
				+
			
 
				+.hljs-addition {
			
 
				+  color: #55a532;
			
 
				+  background-color: #eaffea;
			
 
				+}
			
 
				+
			
 
				+.hljs-deletion {
			
 
				+  color: #bd2c00;
			
 
				+  background-color: #ffecec;
			
 
				+}
			
 
				+
			
 
				+.hljs-link {
			
 
				+  text-decoration: underline;
			
 
				+}
			
 
				+
			
 
				+/* 代码高亮 */
			
 
				+/* PrismJS 1.15.0
			
 
				+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
			
 
				+/**
			
 
				+ * prism.js default theme for JavaScript, CSS and HTML
			
 
				+ * Based on dabblet (http://dabblet.com)
			
 
				+ * @author Lea Verou
			
 
				+ */
			
 
				+code[class*="language-"],
			
 
				+pre[class*="language-"] {
			
 
				+  color: black;
			
 
				+  background: none;
			
 
				+  text-shadow: 0 1px white;
			
 
				+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
			
 
				+  text-align: left;
			
 
				+  white-space: pre;
			
 
				+  word-spacing: normal;
			
 
				+  word-break: normal;
			
 
				+  word-wrap: normal;
			
 
				+  line-height: 1.5;
			
 
				+
			
 
				+  -moz-tab-size: 4;
			
 
				+  -o-tab-size: 4;
			
 
				+  tab-size: 4;
			
 
				+
			
 
				+  -webkit-hyphens: none;
			
 
				+  -moz-hyphens: none;
			
 
				+  -ms-hyphens: none;
			
 
				+  hyphens: none;
			
 
				+}
			
 
				+
			
 
				+pre[class*="language-"]::-moz-selection,
			
 
				+pre[class*="language-"] ::-moz-selection,
			
 
				+code[class*="language-"]::-moz-selection,
			
 
				+code[class*="language-"] ::-moz-selection {
			
 
				+  text-shadow: none;
			
 
				+  background: #b3d4fc;
			
 
				+}
			
 
				+
			
 
				+pre[class*="language-"]::selection,
			
 
				+pre[class*="language-"] ::selection,
			
 
				+code[class*="language-"]::selection,
			
 
				+code[class*="language-"] ::selection {
			
 
				+  text-shadow: none;
			
 
				+  background: #b3d4fc;
			
 
				+}
			
 
				+
			
 
				+@media print {
			
 
				+
			
 
				+  code[class*="language-"],
			
 
				+  pre[class*="language-"] {
			
 
				+    text-shadow: none;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+/* Code blocks */
			
 
				+pre[class*="language-"] {
			
 
				+  padding: 1em;
			
 
				+  margin: .5em 0;
			
 
				+  overflow: auto;
			
 
				+}
			
 
				+
			
 
				+:not(pre)>code[class*="language-"],
			
 
				+pre[class*="language-"] {
			
 
				+  background: #f5f2f0;
			
 
				+}
			
 
				+
			
 
				+/* Inline code */
			
 
				+:not(pre)>code[class*="language-"] {
			
 
				+  padding: .1em;
			
 
				+  border-radius: .3em;
			
 
				+  white-space: normal;
			
 
				+}
			
 
				+
			
 
				+.token.comment,
			
 
				+.token.prolog,
			
 
				+.token.doctype,
			
 
				+.token.cdata {
			
 
				+  color: slategray;
			
 
				+}
			
 
				+
			
 
				+.token.punctuation {
			
 
				+  color: #999;
			
 
				+}
			
 
				+
			
 
				+.namespace {
			
 
				+  opacity: .7;
			
 
				+}
			
 
				+
			
 
				+.token.property,
			
 
				+.token.tag,
			
 
				+.token.boolean,
			
 
				+.token.number,
			
 
				+.token.constant,
			
 
				+.token.symbol,
			
 
				+.token.deleted {
			
 
				+  color: #905;
			
 
				+}
			
 
				+
			
 
				+.token.selector,
			
 
				+.token.attr-name,
			
 
				+.token.string,
			
 
				+.token.char,
			
 
				+.token.builtin,
			
 
				+.token.inserted {
			
 
				+  color: #690;
			
 
				+}
			
 
				+
			
 
				+.token.operator,
			
 
				+.token.entity,
			
 
				+.token.url,
			
 
				+.language-css .token.string,
			
 
				+.style .token.string {
			
 
				+  color: #9a6e3a;
			
 
				+  background: hsla(0, 0%, 100%, .5);
			
 
				+}
			
 
				+
			
 
				+.token.atrule,
			
 
				+.token.attr-value,
			
 
				+.token.keyword {
			
 
				+  color: #07a;
			
 
				+}
			
 
				+
			
 
				+.token.function,
			
 
				+.token.class-name {
			
 
				+  color: #DD4A68;
			
 
				+}
			
 
				+
			
 
				+.token.regex,
			
 
				+.token.important,
			
 
				+.token.variable {
			
 
				+  color: #e90;
			
 
				+}
			
 
				+
			
 
				+.token.important,
			
 
				+.token.bold {
			
 
				+  font-weight: bold;
			
 
				+}
			
 
				+
			
 
				+.token.italic {
			
 
				+  font-style: italic;
			
 
				+}
			
 
				+
			
 
				+.token.entity {
			
 
				+  cursor: help;
			
 
				+}
			
--- a/src/assets/fonts/demo_index.html
+++ b/src/assets/fonts/demo_index.html
@@ -0,0 +1,262 @@
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+  <meta charset="utf-8"/>
			
 
				+  <title>IconFont Demo</title>
			
 
				+  <link rel="shortcut icon" href="https://gtms04.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
			
 
				+  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
			
 
				+  <link rel="stylesheet" href="demo.css">
			
 
				+  <link rel="stylesheet" href="iconfont.css">
			
 
				+  <script src="iconfont.js"></script>
			
 
				+  <!-- jQuery -->
			
 
				+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
			
 
				+  <!-- 代码高亮 -->
			
 
				+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
			
 
				+</head>
			
 
				+<body>
			
 
				+  <div class="main">
			
 
				+    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
			
 
				+    <div class="nav-tabs">
			
 
				+      <ul id="tabs" class="dib-box">
			
 
				+        <li class="dib active"><span>Unicode</span></li>
			
 
				+        <li class="dib"><span>Font class</span></li>
			
 
				+        <li class="dib"><span>Symbol</span></li>
			
 
				+      </ul>
			
 
				+      
			
 
				+      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1782104" target="_blank" class="nav-more">查看项目</a>
			
 
				+      
			
 
				+    </div>
			
 
				+    <div class="tab-container">
			
 
				+      <div class="content unicode" style="display: block;">
			
 
				+          <ul class="icon_lists dib-box">
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+              <span class="icon iconfont">&#xe688;</span>
			
 
				+                <div class="name">三角形上</div>
			
 
				+                <div class="code-name">&amp;#xe688;</div>
			
 
				+              </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+              <span class="icon iconfont">&#xe686;</span>
			
 
				+                <div class="name">三角形下</div>
			
 
				+                <div class="code-name">&amp;#xe686;</div>
			
 
				+              </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+              <span class="icon iconfont">&#xe685;</span>
			
 
				+                <div class="name">返回</div>
			
 
				+                <div class="code-name">&amp;#xe685;</div>
			
 
				+              </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+              <span class="icon iconfont">&#xe684;</span>
			
 
				+                <div class="name">日历</div>
			
 
				+                <div class="code-name">&amp;#xe684;</div>
			
 
				+              </li>
			
 
				+          
			
 
				+          </ul>
			
 
				+          <div class="article markdown">
			
 
				+          <h2 id="unicode-">Unicode 引用</h2>
			
 
				+          <hr>
			
 
				+
			
 
				+          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
			
 
				+          <ul>
			
 
				+            <li>兼容性最好，支持 IE6+，及所有现代浏览器。</li>
			
 
				+            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
			
 
				+            <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
			
 
				+          </ul>
			
 
				+          <blockquote>
			
 
				+            <p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p>
			
 
				+          </blockquote>
			
 
				+          <p>Unicode 使用步骤如下：</p>
			
 
				+          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
			
 
				+<pre><code class="language-css"
			
 
				+>@font-face {
			
 
				+  font-family: 'iconfont';
			
 
				+  src: url('iconfont.eot');
			
 
				+  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
			
 
				+      url('iconfont.woff2') format('woff2'),
			
 
				+      url('iconfont.woff') format('woff'),
			
 
				+      url('iconfont.ttf') format('truetype'),
			
 
				+      url('iconfont.svg#iconfont') format('svg');
			
 
				+}
			
 
				+</code></pre>
			
 
				+          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
			
 
				+<pre><code class="language-css"
			
 
				+>.iconfont {
			
 
				+  font-family: "iconfont" !important;
			
 
				+  font-size: 16px;
			
 
				+  font-style: normal;
			
 
				+  -webkit-font-smoothing: antialiased;
			
 
				+  -moz-osx-font-smoothing: grayscale;
			
 
				+}
			
 
				+</code></pre>
			
 
				+          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
			
 
				+<pre>
			
 
				+<code class="language-html"
			
 
				+>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
			
 
				+</code></pre>
			
 
				+          <blockquote>
			
 
				+            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
			
 
				+          </blockquote>
			
 
				+          </div>
			
 
				+      </div>
			
 
				+      <div class="content font-class">
			
 
				+        <ul class="icon_lists dib-box">
			
 
				+          
			
 
				+          <li class="dib">
			
 
				+            <span class="icon iconfont iconsanjiaoxing1"></span>
			
 
				+            <div class="name">
			
 
				+              三角形上
			
 
				+            </div>
			
 
				+            <div class="code-name">.iconsanjiaoxing1
			
 
				+            </div>
			
 
				+          </li>
			
 
				+          
			
 
				+          <li class="dib">
			
 
				+            <span class="icon iconfont iconsanjiaoxing"></span>
			
 
				+            <div class="name">
			
 
				+              三角形下
			
 
				+            </div>
			
 
				+            <div class="code-name">.iconsanjiaoxing
			
 
				+            </div>
			
 
				+          </li>
			
 
				+          
			
 
				+          <li class="dib">
			
 
				+            <span class="icon iconfont iconfanhui"></span>
			
 
				+            <div class="name">
			
 
				+              返回
			
 
				+            </div>
			
 
				+            <div class="code-name">.iconfanhui
			
 
				+            </div>
			
 
				+          </li>
			
 
				+          
			
 
				+          <li class="dib">
			
 
				+            <span class="icon iconfont iconrili"></span>
			
 
				+            <div class="name">
			
 
				+              日历
			
 
				+            </div>
			
 
				+            <div class="code-name">.iconrili
			
 
				+            </div>
			
 
				+          </li>
			
 
				+          
			
 
				+        </ul>
			
 
				+        <div class="article markdown">
			
 
				+        <h2 id="font-class-">font-class 引用</h2>
			
 
				+        <hr>
			
 
				+
			
 
				+        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
			
 
				+        <p>与 Unicode 使用方式相比，具有如下特点：</p>
			
 
				+        <ul>
			
 
				+          <li>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
			
 
				+          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
			
 
				+          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
			
 
				+          <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
			
 
				+        </ul>
			
 
				+        <p>使用步骤如下：</p>
			
 
				+        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
			
 
				+<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
			
 
				+</code></pre>
			
 
				+        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
			
 
				+<pre><code class="language-html">&lt;span class="iconfont iconxxx"&gt;&lt;/span&gt;
			
 
				+</code></pre>
			
 
				+        <blockquote>
			
 
				+          <p>"
			
 
				+            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
			
 
				+        </blockquote>
			
 
				+      </div>
			
 
				+      </div>
			
 
				+      <div class="content symbol">
			
 
				+          <ul class="icon_lists dib-box">
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+                <svg class="icon svg-icon" aria-hidden="true">
			
 
				+                  <use xlink:href="#iconsanjiaoxing1"></use>
			
 
				+                </svg>
			
 
				+                <div class="name">三角形上</div>
			
 
				+                <div class="code-name">#iconsanjiaoxing1</div>
			
 
				+            </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+                <svg class="icon svg-icon" aria-hidden="true">
			
 
				+                  <use xlink:href="#iconsanjiaoxing"></use>
			
 
				+                </svg>
			
 
				+                <div class="name">三角形下</div>
			
 
				+                <div class="code-name">#iconsanjiaoxing</div>
			
 
				+            </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+                <svg class="icon svg-icon" aria-hidden="true">
			
 
				+                  <use xlink:href="#iconfanhui"></use>
			
 
				+                </svg>
			
 
				+                <div class="name">返回</div>
			
 
				+                <div class="code-name">#iconfanhui</div>
			
 
				+            </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+                <svg class="icon svg-icon" aria-hidden="true">
			
 
				+                  <use xlink:href="#iconrili"></use>
			
 
				+                </svg>
			
 
				+                <div class="name">日历</div>
			
 
				+                <div class="code-name">#iconrili</div>
			
 
				+            </li>
			
 
				+          
			
 
				+          </ul>
			
 
				+          <div class="article markdown">
			
 
				+          <h2 id="symbol-">Symbol 引用</h2>
			
 
				+          <hr>
			
 
				+
			
 
				+          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
			
 
				+            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
			
 
				+          <ul>
			
 
				+            <li>支持多色图标了，不再受单色限制。</li>
			
 
				+            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
			
 
				+            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
			
 
				+            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
			
 
				+          </ul>
			
 
				+          <p>使用步骤如下：</p>
			
 
				+          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
			
 
				+<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
			
 
				+</code></pre>
			
 
				+          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
			
 
				+<pre><code class="language-html">&lt;style&gt;
			
 
				+.icon {
			
 
				+  width: 1em;
			
 
				+  height: 1em;
			
 
				+  vertical-align: -0.15em;
			
 
				+  fill: currentColor;
			
 
				+  overflow: hidden;
			
 
				+}
			
 
				+&lt;/style&gt;
			
 
				+</code></pre>
			
 
				+          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
			
 
				+<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
			
 
				+  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
			
 
				+&lt;/svg&gt;
			
 
				+</code></pre>
			
 
				+          </div>
			
 
				+      </div>
			
 
				+
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  <script>
			
 
				+  $(document).ready(function () {
			
 
				+      $('.tab-container .content:first').show()
			
 
				+
			
 
				+      $('#tabs li').click(function (e) {
			
 
				+        var tabContent = $('.tab-container .content')
			
 
				+        var index = $(this).index()
			
 
				+
			
 
				+        if ($(this).hasClass('active')) {
			
 
				+          return
			
 
				+        } else {
			
 
				+          $('#tabs li').removeClass('active')
			
 
				+          $(this).addClass('active')
			
 
				+
			
 
				+          tabContent.hide().eq(index).fadeIn()
			
 
				+        }
			
 
				+      })
			
 
				+    })
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/assets/fonts/iconfont.css
+++ b/src/assets/fonts/iconfont.css
--- a/src/assets/fonts/iconfont.eot
+++ b/src/assets/fonts/iconfont.eot
--- a/src/assets/fonts/iconfont.js
+++ b/src/assets/fonts/iconfont.js
--- a/src/assets/fonts/iconfont.json
+++ b/src/assets/fonts/iconfont.json
@@ -0,0 +1,37 @@
 
				+{
			
 
				+  "id": "1782104",
			
 
				+  "name": "康师傅方便面",
			
 
				+  "font_family": "iconfont",
			
 
				+  "css_prefix_text": "icon",
			
 
				+  "description": "",
			
 
				+  "glyphs": [
			
 
				+    {
			
 
				+      "icon_id": "14386521",
			
 
				+      "name": "三角形上",
			
 
				+      "font_class": "sanjiaoxing1",
			
 
				+      "unicode": "e688",
			
 
				+      "unicode_decimal": 59016
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "14386483",
			
 
				+      "name": "三角形下",
			
 
				+      "font_class": "sanjiaoxing",
			
 
				+      "unicode": "e686",
			
 
				+      "unicode_decimal": 59014
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "14330176",
			
 
				+      "name": "返回",
			
 
				+      "font_class": "fanhui",
			
 
				+      "unicode": "e685",
			
 
				+      "unicode_decimal": 59013
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "14330102",
			
 
				+      "name": "日历",
			
 
				+      "font_class": "rili",
			
 
				+      "unicode": "e684",
			
 
				+      "unicode_decimal": 59012
			
 
				+    }
			
 
				+  ]
			
 
				+}
			
--- a/src/assets/fonts/iconfont.svg
+++ b/src/assets/fonts/iconfont.svg
--- a/src/assets/fonts/iconfont.ttf
+++ b/src/assets/fonts/iconfont.ttf
--- a/src/assets/fonts/iconfont.woff
+++ b/src/assets/fonts/iconfont.woff
--- a/src/assets/fonts/iconfont.woff2
+++ b/src/assets/fonts/iconfont.woff2
--- a/src/assets/images/aside/nav_01@2x.png
+++ b/src/assets/images/aside/nav_01@2x.png
--- a/src/assets/images/aside/nav_02@2x.png
+++ b/src/assets/images/aside/nav_02@2x.png
--- a/src/assets/images/aside/nav_02_stop@2x.png
+++ b/src/assets/images/aside/nav_02_stop@2x.png
--- a/src/assets/images/aside/nav_03@2x.png
+++ b/src/assets/images/aside/nav_03@2x.png
--- a/src/assets/images/aside/nav_04@2x.png
+++ b/src/assets/images/aside/nav_04@2x.png
--- a/src/assets/images/aside/nav_05@2x.png
+++ b/src/assets/images/aside/nav_05@2x.png
--- a/src/assets/images/bg/bg1.jpg
+++ b/src/assets/images/bg/bg1.jpg
--- a/src/assets/images/bg/bg2.jpg
+++ b/src/assets/images/bg/bg2.jpg
--- a/src/assets/images/bg/bg3.jpg
+++ b/src/assets/images/bg/bg3.jpg
--- a/src/assets/images/bg/video_bg.jpg
+++ b/src/assets/images/bg/video_bg.jpg
--- a/src/assets/images/close@2x.png
+++ b/src/assets/images/close@2x.png
--- a/src/assets/images/icon/logo.png
+++ b/src/assets/images/icon/logo.png
--- a/src/assets/images/icon/xiaoxun.png
+++ b/src/assets/images/icon/xiaoxun.png
--- a/src/assets/images/icon_scene_back@2x.png
+++ b/src/assets/images/icon_scene_back@2x.png
--- a/src/assets/images/icon_scene_tit_arrow@2x.png
+++ b/src/assets/images/icon_scene_tit_arrow@2x.png
--- a/src/assets/images/icon_scene_tit_arrow@2xtop.png
+++ b/src/assets/images/icon_scene_tit_arrow@2xtop.png
--- a/src/assets/images/img_map.png
+++ b/src/assets/images/img_map.png
--- a/src/assets/images/img_scene_share@3x.png
+++ b/src/assets/images/img_scene_share@3x.png
--- a/src/assets/images/index_bg.jpg
+++ b/src/assets/images/index_bg.jpg
--- a/src/assets/images/index_bg1.jpg
+++ b/src/assets/images/index_bg1.jpg
--- a/src/assets/images/index_enter@2x.png
+++ b/src/assets/images/index_enter@2x.png
--- a/src/assets/images/index_logo@2x.png
+++ b/src/assets/images/index_logo@2x.png
--- a/src/assets/images/list/01yjgc.png
+++ b/src/assets/images/list/01yjgc.png
--- a/src/assets/images/list/01zmsj.png
+++ b/src/assets/images/list/01zmsj.png
--- a/src/assets/images/list/01zmsj1.png
+++ b/src/assets/images/list/01zmsj1.png
--- a/src/assets/images/list/02sygcsj.png
+++ b/src/assets/images/list/02sygcsj.png
--- a/src/assets/images/list/02xygc.png
+++ b/src/assets/images/list/02xygc.png
--- a/src/assets/images/list/03pqgcsj.png
+++ b/src/assets/images/list/03pqgcsj.png
--- a/src/assets/images/list/03yygc.png
+++ b/src/assets/images/list/03yygc.png
--- a/src/assets/images/list/04sygc.png
+++ b/src/assets/images/list/04sygc.png
--- a/src/assets/images/list/04yjqsj.png
+++ b/src/assets/images/list/04yjqsj.png
--- a/src/assets/images/list/05jqqjsj.png
+++ b/src/assets/images/list/05jqqjsj.png
--- a/src/assets/images/list/05sypq.png
+++ b/src/assets/images/list/05sypq.png
--- a/src/assets/images/list/06yjq.png
+++ b/src/assets/images/list/06yjq.png
--- a/src/assets/images/list/06zxgcsj.png
+++ b/src/assets/images/list/06zxgcsj.png
--- a/src/assets/images/list/07msgcpq.png
+++ b/src/assets/images/list/07msgcpq.png
--- a/src/assets/images/list/08Aq1.png
+++ b/src/assets/images/list/08Aq1.png
--- a/src/assets/images/list/09A1.png
+++ b/src/assets/images/list/09A1.png
--- a/src/assets/images/list/10A2.png
+++ b/src/assets/images/list/10A2.png
--- a/src/assets/images/list/11A3.png
+++ b/src/assets/images/list/11A3.png
--- a/src/assets/images/list/12B3.png
+++ b/src/assets/images/list/12B3.png
--- a/src/assets/images/list/13B2.png
+++ b/src/assets/images/list/13B2.png
--- a/src/assets/images/list/14B1.png
+++ b/src/assets/images/list/14B1.png
--- a/src/assets/images/list/15Bq1.png
+++ b/src/assets/images/list/15Bq1.png
--- a/src/assets/images/list/水悦广场视角.jpg
+++ b/src/assets/images/list/水悦广场视角.jpg
--- a/src/assets/images/listaside/nav_guestbook@2x.png
+++ b/src/assets/images/listaside/nav_guestbook@2x.png
--- a/src/assets/images/listaside/nav_music@2x.png
+++ b/src/assets/images/listaside/nav_music@2x.png
--- a/src/assets/images/listaside/nav_music_off@2x.png
+++ b/src/assets/images/listaside/nav_music_off@2x.png
--- a/src/assets/images/listaside/nav_navigation@2x.png
+++ b/src/assets/images/listaside/nav_navigation@2x.png
--- a/src/assets/images/listaside/nav_share@2x.png
+++ b/src/assets/images/listaside/nav_share@2x.png
--- a/src/assets/images/maps_01@2x.png
+++ b/src/assets/images/maps_01@2x.png
--- a/src/assets/images/maps_nav@2x.png
+++ b/src/assets/images/maps_nav@2x.png
--- a/src/assets/images/menu_overlook@2x.png
+++ b/src/assets/images/menu_overlook@2x.png
--- a/src/assets/images/menu_panorama@2x.png
+++ b/src/assets/images/menu_panorama@2x.png
--- a/src/assets/images/mobile/icon_mscene_back@2x.png
+++ b/src/assets/images/mobile/icon_mscene_back@2x.png
--- a/src/assets/images/mobile/img_mmap@2x.jpg
+++ b/src/assets/images/mobile/img_mmap@2x.jpg
--- a/src/assets/images/mobile/index_mbg.jpg
+++ b/src/assets/images/mobile/index_mbg.jpg
--- a/src/assets/images/mobile/index_mbg1.jpg
+++ b/src/assets/images/mobile/index_mbg1.jpg
--- a/src/assets/images/pix01@2x.jpg
+++ b/src/assets/images/pix01@2x.jpg
--- a/src/assets/images/pix02@2x.jpg
+++ b/src/assets/images/pix02@2x.jpg
--- a/src/assets/images/pix03@2x.jpg
+++ b/src/assets/images/pix03@2x.jpg
--- a/src/assets/images/switch_darkmode@2x.png
+++ b/src/assets/images/switch_darkmode@2x.png
--- a/src/assets/images/switch_default@2x.png
+++ b/src/assets/images/switch_default@2x.png
--- a/src/assets/images/vr/1.png
+++ b/src/assets/images/vr/1.png
--- a/src/assets/images/vr/10.png
+++ b/src/assets/images/vr/10.png
--- a/src/assets/images/vr/11.png
+++ b/src/assets/images/vr/11.png
--- a/src/assets/images/vr/12.png
+++ b/src/assets/images/vr/12.png
--- a/src/assets/images/vr/13.png
+++ b/src/assets/images/vr/13.png
--- a/src/assets/images/vr/14.png
+++ b/src/assets/images/vr/14.png
--- a/src/assets/images/vr/15.png
+++ b/src/assets/images/vr/15.png
--- a/src/assets/images/vr/16.png
+++ b/src/assets/images/vr/16.png
--- a/src/assets/images/vr/17.png
+++ b/src/assets/images/vr/17.png
--- a/src/assets/images/vr/18.png
+++ b/src/assets/images/vr/18.png
--- a/src/assets/images/vr/19.png
+++ b/src/assets/images/vr/19.png
--- a/src/assets/images/vr/2.png
+++ b/src/assets/images/vr/2.png