0615

.browserslistrc

@@ -0,0 +1,3 @@
+> 1%
+last 2 versions
+not dead

.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'
+  }
+}

.gitignore

@@ -1,30 +1,21 @@
-# ---> Node
-# Logs
-logs
-*.log
-npm-debug.log*
-
-# Runtime data
-pids
-*.pid
-*.seed
-
-# Directory for instrumented libs generated by jscoverage/JSCover
-lib-cov
-
-# Coverage directory used by tools like istanbul
-coverage
-
-# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
-.grunt
-
-# node-waf configuration
-.lock-wscript
-
-# Compiled binary addons (http://nodejs.org/api/addons.html)
-build/Release
-
-# Dependency directory
-# https://docs.npmjs.com/misc/faq#should-i-check-my-node-modules-folder-into-git
+.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?

README.md

@@ -1,3 +1,24 @@
-# gutian
+# 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/).

babel.config.js

@@ -0,0 +1,11 @@
+module.exports = {
+  presets: [
+    '@vue/app',
+    [
+      '@babel/preset-env',
+      {
+        useBuiltIns: 'entry'
+      }
+    ]
+  ]
+}

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"
+  }
+}

public/data.json

@@ -0,0 +1,63 @@
+{
+    "list":[
+        {"id":"00006","count":1,"fullName":"1929年红四军战士姜立生书写于蛟洋红军医院的墨书墙板诗","name":"红四军战士墨书墙板诗","size":"长*宽*厚：100.8*73.5*1.83","time":"1929年","type":"土地革命时期","soft":"木","link":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt15&v=1","images":""},
+        {"id":"0007","count":1,"fullName":"1928年“永定上溪南区苏维埃政府”长方形铁盒木印章","name":"永定上溪南区苏维埃政府印","size":"通长*通高*通宽：8.5*1.5*2.9","time":"1928年","type":"土地革命时期","soft":"木，铁","link":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt01&v=1","images":""},
+        {"id":"00008-1","count":1,"fullName":"1929年3月红四军在长汀首次统一的全套军装","name":"红四军首次统一的军装（军衣）","size":"","time":"1929年3月","type":"土地革命时期","soft":"棉麻纤维","link":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt30&v=1","images":""},
+        {"id":"00008-2","count":1,"fullName":"1929年3月红四军在长汀首次统一的全套军装","name":"红四军首次统一的军装（军裤）","size":"","time":"1929年3月","type":"土地革命时期","soft":"棉麻纤维","link":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt26&v=1","images":""},
+        {"id":"00008-3","count":1,"fullName":"1929年3月红四军在长汀首次统一的全套军装","name":"红四军首次统一的军装（军帽）","size":"","time":"1929年3月","type":"土地革命时期","soft":"棉麻纤维","link":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt29&v=1","images":""},
+        {"id":"gt28","count":1,"fullName":"1929年3月红四军在长汀首次统一的全套军装","name":"红四军首次统一的军装（值星带）","size":"","time":"1929年3月","type":"土地革命时期","soft":"棉麻纤维","link":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt28&v=1","images":""},
+        {"id":"00041","count":1,"fullName":"第二次国内革命战争时期中央总队的苏区少年先锋队第一次总检阅优胜奖章","name":"优胜奖章","size":"长*宽：7.1*4.0","time":"第二次国内革命战争时期（1927-1937）","type":"土地革命时期","soft":"棉麻纤维","link":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt07&v=1","images":""},
+        {"id":"00043","count":1,"fullName":"第二次国内革命战争时期墨书“上杭县水布区寨背乡苏维埃政府”布条屏","name":"上杭县水布区寨背乡苏维埃政府布牌","size":"长*宽：207.0*34.0","time":"第二次国内革命战争时期（1927-1937）","type":"土地革命时期","soft":"棉麻纤维","link":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt25&v=1","images":""},
+        {"id":"00046","count":1,"fullName":"三年游击战争时期张鼎丞的指南针","name":"张鼎丞的指南针","size":"直径：2.4，厚：0.4","time":"三年游击战争时期（1934-1937）","type":"土地革命时期","soft":"玻璃，其他金属","link":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt11&v=1","images":""},
+        {"id":"00036","count":1,"fullName":"1949年“中国人民解放军闽粤赣边纵队第七支队关防”木方形印章","name":"解放军闽粤赣边纵七支队关防印","size":"长*宽*厚：7.5*8.6*2.5","time":"1949年","type":"解放战争时期","soft":"木","link":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt06&v=1","images":""},
+        {"id":"00037","count":1,"fullName":"第二次国内革命战争时期“福建省漳平县农民协会”木长方形印章","name":"福建省漳平县农民协会印","size":"通长*通高*通宽：4.6*2.1*3.2","time":"第二次国内革命战争（1927-1937）","type":"土地革命时期","soft":"木","link":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt08&v=1","images":""},
+        {"id":"00038","count":1,"fullName":"1932至1934年“宁化县邓坊区苏维埃政府执行委员会”木圆形印章","name":"宁化县邓坊区苏执行委员会印","size":"直径6.5，通宽2.8","time":"1932-1934年","type":"土地革命时期","soft":"木","link":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt09&v=1","images":""},
+        {"id":"00039","count":1,"fullName":"1933年“中国工农红军东方军没收征发委员会”木椭圆形印章","name":"工农红军东方军没收征发委员会印","size":"通长*通高*通宽：5.6*3.5*3.1","time":"1933年","type":"土地革命时期","soft":"木","link":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt03&v=1","images":""},
+        {"id":"00040","count":1,"fullName":"第二次国内革命战争时期“东肖区后田乡土地委员会”木椭圆形印章","name":"东肖区后田乡土地委员会印","size":"通长*通高*通宽：4.1*2.8*3.3","time":"第二次国内革命战争（1927-1937）","type":"土地革命时期","soft":"木","link":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt04&v=1","images":""},
+        {"id":"00044","count":1,"fullName":"第二次国内革命战争时期上杭县苎园乡苏维埃政府木刻横匾","name":"苎园乡苏木刻横匾","size":"长*宽*高：159*43.5*3","time":"第二次国内革命战争时期（1927-1937）","type":"土地革命时期","soft":"木","link":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt17&v=1","images":""},
+        {"id":"00045","count":1,"fullName":"1929年8月红四军士兵会在闽西墨书“焚毁田契借约”标语石","name":"“焚毁田契借约”标语石","size":"通长*通高*通宽：20*20*88","time":"1929年8月","type":"土地革命时期","soft":"石","link":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt10&v=1","images":""},
+        {"id":"00047","count":1,"fullName":"1929年毛泽东在苏家坡指导闽西革命斗争时使用过的马灯","name":"毛泽东用过的马灯","size":"通长*通高*通宽：17.5*13.5*33","time":"1929年","type":"土地革命时期","soft":"玻璃，铁","link":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt19&v=1","images":""},
+        {"id":"00048-1","count":1,"fullName":"1929年12月毛泽东在新泉整训时使用过的木盒蝉形石砚","name":"毛泽东用过的石砚","size":"通长*通高*通宽：29.5*16*3","time":"1929年12月","type":"土地革命时期","soft":"木，石","link":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt24&v=1","images":""},
+        {"id":"00048-2","count":1,"fullName":"1929年12月毛泽东在新泉整训时使用过的竹笔筒","name":"毛泽东用过的竹笔筒","size":"口径：8，底径：8，通宽12","time":"1929年12月","type":"土地革命时期","soft":"竹","link":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt14&v=1","images":""},
+        {"id":"00048-3","count":1,"fullName":"1929年12月毛泽东在新泉整训时使用过的瓷油灯","name":"毛泽东用过的瓷油灯","size":"通长*通高*通宽：13.5*9*19，底径：9","time":"1929年12月","type":"土地革命时期","soft":"瓷，其他金属","link":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt27&v=1","images":""},
+        {"id":"04764","count":1,"fullName":"1949年7月新华书店发行毛泽东著《中国共产党红军第四军第九次代表大会决议案》","name":"古田会议决议案","size":"长*宽*厚：13*18*0.3","time":"1947年7月","type":"解放战争时期","soft":"纸","link":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt20&v=1","images":""},
+        {"id":"04945","count":1,"fullName":"1949年5月新民主出版社印行毛泽东著《中国共产党红军第四军第九次代表大会决议案》","name":"古田会议决议案","size":"长*宽*厚：12.9*18.3*0.3","time":"1949年5月","type":"解放战争时期","soft":"纸","link":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt22&v=1","images":""},
+        {"id":"00991","count":1,"fullName":"第二次国内革命战争时期赖少明的红军第四军永定革命委员会执行委员红布袖章","name":"赖少明的袖章","size":"周长*宽：42.0*16.0","time":"第二次国内革命战争（1927-1937）","type":"土地革命时期","soft":"棉麻纤维","link":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt21&v=1","images":""},
+        {"id":"01291","count":1,"fullName":"第二次国内革命战争时期“永河蓬船工会”木长方形印章","name":"永河蓬船工会印","size":"长*宽*厚：8.1*9*2.6","time":"第二次国内革命战争时期（1927-1937）","type":"土地革命时期","soft":"木","link":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt05&v=1","images":""},
+        {"id":"01307","count":1,"fullName":"第二次国内革命战争时期木刻路票印模","name":"木刻路票印模","size":"长*宽：7.5*3.4*20","time":"第二次国内革命战争（1927-1937）","type":"土地革命时期","soft":"木","link":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt12&v=1","images":""},
+        {"id":"01314","count":1,"fullName":"第二次国内革命战争时期“永定县太平区交通处”木长方形印章","name":"永定县太平区交通处印","size":"通长*通高*通宽：3.2*2*2.6","time":"第二次国内革命战争（1927-1937）","type":"土地革命时期","soft":"木","link":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt02&v=1","images":""},
+        {"id":"01495","count":1,"fullName":"解放战争时期刘忠使用过的皮盒照相机","name":"刘忠的照相机","size":"通长*通高*通宽：13.5*3.3*7.5","time":"解放战争时期（1945-1949）","type":"解放战争时期","soft":"皮革，玻璃，其他金属，其他无机质","link":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt23&v=1","images":""},
+        {"id":"00014","count":1,"fullName":"1929年7月27日红四军政治部编印《浪花》创刊号（第一期）","name":"《浪花》创刊号","size":"长*宽：56*39","time":"1929年7月27日","type":"土地革命时期","soft":"纸","link":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt18&v=1","images":""},
+        {"id":"00209","count":1,"fullName":"1942年新华社印毛泽东著《古田会议决议》","name":"新华社印“古田会议决议”","size":"长*宽*厚：13.5*19*0.4","time":"1942年","type":"抗日战争时期","soft":"纸","link":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt13&v=1","images":""},
+        {"id":"01440","count":1,"fullName":"1929年毛泽东在苏家坡时使用过的瓷油灯","name":"毛泽东用过的瓷油灯","size":"通长*通高*通宽：10*7*17，底径：7","time":"1929年","type":"土地革命时期","soft":"瓷，其他金属","link":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt16&v=1","images":""}
+        
+        ],
+    "listold":[
+        {"id":1,"num":"00006","count":1,"name":"1929年红四军战士姜立生书写于蛟洋红军医院的墨书墙板诗","size":"长*宽*厚：100.8*73.5*1.83","time":"1929年","time":"土地革命时期","type":"木","soft":"","link":""},
+        {"id":2,"num":"00007","count":1,"name":"1928年“永定上溪南区苏维埃政府”长方形铁盒木印章","size":"通长*通高*通宽：8.5*1.5*2.9","time":"1928年","time":"土地革命时期","type":"木，铁","soft":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt01&v=1","link":""},
+        {"id":3,"num":"00008","count":4,"name":"1929年3月红四军在长汀首次统一的全套军装","size":"","time":"1929年3月","time":"土地革命时期","type":"木","soft":"","link":""},
+        {"id":4,"num":"00041","count":1,"name":"第二次国内革命战争时期中央总队的苏区少年先锋队第一次总检阅优胜奖章","size":"长*宽：7.1*4.0","time":"第二次国内革命战争时期（1927-1937）","time":"土地革命时期","type":"棉麻纤维","soft":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt07&v=1","link":""},
+        {"id":5,"num":"00043","count":1,"name":"第二次国内革命战争时期墨书“上杭县水布区寨背乡苏维埃政府”布条屏","size":"长*宽：207.0*34.0","time":"第二次国内革命战争时期（1927-1937）","time":"土地革命时期","type":"棉麻纤维","soft":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt25&v=1","link":""},
+        {"id":6,"num":"00046","count":1,"name":"三年游击战争时期张鼎丞的指南针","size":"直径：2.4，厚：0.4","time":"三年游击战争时期（1934-1937）","time":"土地革命时期","type":"玻璃，其他金属","soft":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt11&v=1","link":""},
+        {"id":7,"num":"00036","count":1,"name":"1949年“中国人民解放军闽粤赣边纵队第七支队关防”木方形印章","size":"长*宽*厚：7.5*8.6*2.5","time":"1949年","time":"解放战争时期","type":"木","soft":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt06&v=1","link":""},
+        {"id":8,"num":"00037","count":1,"name":"第二次国内革命战争时期“福建省漳平县农民协会”木长方形印章","size":"通长*通高*通宽：4.6*2.1*3.2","time":"第二次国内革命战争（1927-1937）","time":"土地革命时期","type":"木","soft":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt08&v=1","link":""},
+        {"id":9,"num":"00038","count":1,"name":"1932至1934年“宁化县邓坊区苏维埃政府执行委员会”木圆形印章","size":"直径6.5，通宽2.8","time":"1932-1934年","time":"土地革命时期","type":"木","soft":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt09&v=1","link":""},
+        {"id":10,"num":"00039","count":1,"name":"1933年“中国工农红军东方军没收征发委员会”木椭圆形印章","size":"通长*通高*通宽：5.6*3.5*3.1","time":"1933年","time":"土地革命时期","type":"木","soft":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt03&v=1","link":""},
+        {"id":11,"num":"00040","count":1,"name":"第二次国内革命战争时期“东肖区后田乡土地委员会”木椭圆形印章","size":"通长*通高*通宽：4.1*2.8*3.3","time":"第二次国内革命战争（1927-1937）","time":"土地革命时期","type":"木","soft":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt04&v=1","link":""},
+        {"id":12,"num":"00044","count":1,"name":"第二次国内革命战争时期上杭县苎园乡苏维埃政府木刻横匾","size":"长*宽*高：159*43.5*3","time":"第二次国内革命战争时期（1927-1937）","time":"土地革命时期","type":"木","soft":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt17&v=1","link":""},
+        {"id":13,"num":"00045","count":1,"name":"1929年8月红四军士兵会在闽西墨书“焚毁田契借约”标语石","size":"通长*通高*通宽：20*20*88","time":"1929年8月","time":"土地革命时期","type":"石","soft":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt10&v=1","link":""},
+        {"id":14,"num":"00047","count":1,"name":"1929年毛泽东在苏家坡指导闽西革命斗争时使用过的马灯","size":"通长*通高*通宽：17.5*13.5*33","time":"1929年","time":"土地革命时期","type":"玻璃，铁","soft":"","link":""},
+        {"id":15,"num":"00048-1","count":1,"name":"1929年12月毛泽东在新泉整训时使用过的木盒蝉形石砚","size":"通长*通高*通宽：29.5*16*3","time":"1929年12月","time":"土地革命时期","type":"木，石","soft":"","link":""},
+        {"id":16,"num":"00048-2","count":1,"name":"1929年12月毛泽东在新泉整训时使用过的竹笔筒","size":"口径：8，底径：8，通宽12","time":"1929年12月","time":"土地革命时期","type":"竹","soft":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt14&v=1","link":""},
+        {"id":17,"num":"00048-3","count":1,"name":"1929年12月毛泽东在新泉整训时使用过的瓷油灯","size":"通长*通高*通宽：13.5*9*19，底径：9","time":"1929年12月","time":"土地革命时期","type":"瓷，其他金属","soft":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt16&v=1","link":""},
+        {"id":18,"num":"00209","count":1,"name":"1942年新华社印毛泽东著《古田会议决议》","size":"","time":"1942年","time":"抗日战争时期","type":"纸","soft":"","link":""},
+        {"id":19,"num":"00210","count":1,"name":"1948年9月10日新民主出版社印行毛泽东著《红军新四军第九次代表大会决议案》","size":"","time":"1948-9-10日","time":"解放战争时期","type":"纸","soft":"","link":""},
+        {"id":20,"num":"00991","count":1,"name":"第二次国内革命战争时期赖少明的红军第四军永定革命委员会执行委员红布袖章","size":"周长*宽：42.0*16.0","time":"第二次国内革命战争（1927-1937）","time":"土地革命时期","type":"棉麻纤维","soft":"","link":""},
+        {"id":21,"num":"01035","count":1,"name":"解放战争时期陈仲平的梅县人民民主政府县长白布胸章","size":"长*宽：9.2*3.8","time":"解放战争时期（1945-1949）","time":"解放战争时期","type":"棉麻纤维","soft":"","link":""},
+        {"id":22,"num":"01291","count":1,"name":"第二次国内革命战争时期“永河蓬船工会”木长方形印章","size":"长*宽*厚：8.1*9*2.6","time":"第二次国内革命战争时期（1927-1937）","time":"土地革命时期","type":"木","soft":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt05&v=1","link":""},
+        {"id":23,"num":"01307","count":1,"name":"第二次国内革命战争时期木刻路票印模","size":"长*宽：7.5*3.4*20","time":"第二次国内革命战争（1927-1937）","time":"土地革命时期","type":"木","soft":"","link":""},
+        {"id":24,"num":"01314","count":1,"name":"第二次国内革命战争时期“永定县太平区交通处”木长方形印章","size":"通长*通高*通宽：3.2*2*2.6","time":"第二次国内革命战争（1927-1937）","time":"土地革命时期","type":"木","soft":"http://4dscene.4dage.com/culturalrelics/GTHYJNG/Model.html?m=gt02&v=1","link":""},
+        {"id":25,"num":"01495","count":1,"name":"解放战争时期刘忠使用过的皮盒照相机","size":"通长*通高*通宽：13.5*3.3*7.5","time":"解放战争时期（1945-1949）","time":"解放战争时期","type":"皮革，玻璃，其他金属，其他无机质","soft":"","link":""}
+        
+        ]
+}

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>
+    
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>

src/App.vue

@@ -0,0 +1,77 @@
+<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: `data.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">
+  * {
+    margin:0;
+    padding:0;
+    list-style:none;
+  }
+  img {
+    width:100%;
+    max-width:100%;
+  }
+  #app {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+  }
+</style>

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;

src/assets/css/public.less

@@ -0,0 +1,129 @@
+
+
+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: 10.4vw;
+  vertical-align: middle;
+  text-align: center;
+  img {
+    vertical-align: middle;
+    width: 34.2vw;
+    width:27vw;
+  }
+  span {
+    color: #9d362f;
+    font-size: 14px;
+    vertical-align: middle;
+    display: inline-block;
+  }
+}
+
+.backIndex {
+  width: 130px;
+  height: 50px;
+  position:fixed;
+  top:46%;
+  transform: translateY(-50%);
+  right:2vw;
+  cursor: pointer;
+  z-index: 999;
+  >li{
+    height: 100%;
+    width: 100%;
+    position: relative;
+    margin: 8px 0;
+    >img{
+        width: 100%;
+        position: absolute;
+        top: 50%;
+        transform: translate(-50%,-50%);
+        z-index: -1;
+        left: 50%;
+        height: 100%;
+    }
+    >div{
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 100%;
+        height: 100%;
+        color: #EAB96C;
+        >img{
+            width: 20px;
+        }
+        >span{
+            vertical-align: middle;
+            font-size: 16px;
+            display: inline-block;
+            margin-left: 4px;
+        }
+    }
+ }
+}

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;
+}
+

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>

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>

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>