upp

QJKK/src/App.vue

@@ -4,12 +4,15 @@
   </div>
 </template>
 <script>
+
+
 import AppLayout from "@/framework";
 
 export default {
   components: {
-    AppLayout
-  }
+    AppLayout,
+  },
+
 };
 </script>
 <style lang="less">

QJKK/src/framework/show/component/Map.vue

@@ -1,28 +1,35 @@
 <template>
-  <div class='Map'>
-    <img src="../../../assets/img/homeImg/bac.jpg" alt="">
-    <div @click="cutVr(item.bs,item.ind)" :class="`row row${item.id}`" v-for="item in data" :key="item.id">
+  <div class="Map">
+    <img src="../../../assets/img/homeImg/bac.jpg" alt="" />
+    <div
+      @click="cutVr(item.bs, item.ind)"
+      :class="`row row${item.id}`"
+      v-for="item in data"
+      :key="item.id"
+    >
       <!-- <img :src="require(`@/assets/img/homeImg/bs2.png`)" alt=""> -->
     </div>
   </div>
 </template>
 
 <script>
-
+for (let i = 0; i < 100; i++) {
+  debugger;
+}
 export default {
-  name: 'Map',
+  name: "Map",
   components: {},
   data() {
     return {
       data: [
-        { id: 1, bs: 'fd720_kiQMdR2cy', ind: 10, name: '雨花台烈士纪念碑' },
-        { id: 2, bs: 'fd720_pUvbPNVeK', ind: 5, name: '知名烈士墓' },
-        { id: 3, bs: 'fd720_WoDGV0K2r', ind: 13, name: '雨花台烈士纪念馆' },
-        { id: 4, bs: 'fd720_e0YmU728Q', ind: 3, name: '红领巾广场' },
-        { id: 5, bs: 'fd720_ab8MaNeyp', ind: 7, name: '东烈士殉难处' },
-        { id: 6, bs: 'fd720_BsmJ0EfoL', ind: 14, name: '忠魂亭' },
-        { id: 7, bs: 'fd720_ifIO9j34L', ind: 2, name: '西烈士殉难处' },
-      ]
+        { id: 1, bs: "fd720_kiQMdR2cy", ind: 10, name: "雨花台烈士纪念碑" },
+        { id: 2, bs: "fd720_pUvbPNVeK", ind: 5, name: "知名烈士墓" },
+        { id: 3, bs: "fd720_WoDGV0K2r", ind: 13, name: "雨花台烈士纪念馆" },
+        { id: 4, bs: "fd720_e0YmU728Q", ind: 3, name: "红领巾广场" },
+        { id: 5, bs: "fd720_ab8MaNeyp", ind: 7, name: "东烈士殉难处" },
+        { id: 6, bs: "fd720_BsmJ0EfoL", ind: 14, name: "忠魂亭" },
+        { id: 7, bs: "fd720_ifIO9j34L", ind: 2, name: "西烈士殉难处" },
+      ],
     };
   },
   computed: {},
@@ -33,19 +40,19 @@ export default {
     },
   },
   created() {
-
+    document.addEventListener("contextmenu", function (e) {
+      e.preventDefault();
+    });
   },
-  mounted() {
-
-  },
-  beforeCreate() { }, //生命周期 - 创建之前
-  beforeMount() { }, //生命周期 - 挂载之前
-  beforeUpdate() { }, //生命周期 - 更新之前
-  updated() { }, //生命周期 - 更新之后
-  beforeDestroy() { }, //生命周期 - 销毁之前
-  destroyed() { }, //生命周期 - 销毁完成
-  activated() { }, //如果页面有keep-alive缓存功能，这个函数会触发
-}
+  mounted() {},
+  beforeCreate() {}, //生命周期 - 创建之前
+  beforeMount() {}, //生命周期 - 挂载之前
+  beforeUpdate() {}, //生命周期 - 更新之前
+  updated() {}, //生命周期 - 更新之后
+  beforeDestroy() {}, //生命周期 - 销毁之前
+  destroyed() {}, //生命周期 - 销毁完成
+  activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
+};
 </script>
 <style lang='less' scoped>
 .Map {
@@ -56,7 +63,7 @@ export default {
   width: 100%;
   height: 100%;
 
-  &>img {
+  & > img {
     width: 100%;
     height: 100%;
     pointer-events: none;
@@ -70,32 +77,32 @@ export default {
     top: 10%;
     left: 23.5%;
     background-size: 100% 100%;
-    background-image: url('../../../assets/img/homeImg/bs2.png');
+    background-image: url("../../../assets/img/homeImg/bs2.png");
   }
 
   .row2 {
     top: 27%;
     left: 54%;
-    background-image: url('../../../assets/img/homeImg/bs5.png');
+    background-image: url("../../../assets/img/homeImg/bs5.png");
   }
 
   .row3 {
     top: 45%;
     left: 47%;
-    background-image: url('../../../assets/img/homeImg/bs1.png');
+    background-image: url("../../../assets/img/homeImg/bs1.png");
   }
 
   .row4 {
     top: 32%;
     left: 3%;
-    background-image: url('../../../assets/img/homeImg/bs3.png');
+    background-image: url("../../../assets/img/homeImg/bs3.png");
   }
 
   .row5 {
     top: 17%;
     left: auto;
     right: 25%;
-    background-image: url('../../../assets/img/homeImg/bs4.png');
+    background-image: url("../../../assets/img/homeImg/bs4.png");
   }
 
   .row6 {
@@ -103,13 +110,13 @@ export default {
     left: auto;
     right: 25.5%;
     bottom: 16%;
-    background-image: url('../../../assets/img/homeImg/bs6.png');
+    background-image: url("../../../assets/img/homeImg/bs6.png");
   }
 
   .row7 {
     top: 20%;
     left: 13%;
-    background-image: url('../../../assets/img/homeImg/bs7.png');
+    background-image: url("../../../assets/img/homeImg/bs7.png");
   }
 }
 </style>

SWKK/src/App.vue

@@ -3,7 +3,20 @@
     <Router-view />
   </div>
 </template>
+<script>
 
+for (let i = 0; i < 100; i++) {
+  debugger;
+}
+
+export default {
+  created() {
+    document.addEventListener("contextmenu", function (e) {
+      e.preventDefault();
+    });
+  },
+};
+</script>
 <style lang="less">
 #app {
   width: 100vw;

SWKK/src/assets/style/base.css

@@ -44,4 +44,7 @@ input:-ms-input-placeholder {
 
 .viewer-close {
   display: none !important;
-}
+}
+.viewer-toolbar {
+  display: none !important;
+}

vue/src/App.vue

@@ -3,7 +3,20 @@
     <Router-view />
   </div>
 </template>
+<script>
 
+for (let i = 0; i < 100; i++) {
+  debugger;
+}
+
+export default {
+  created() {
+    document.addEventListener("contextmenu", function (e) {
+      e.preventDefault();
+    });
+  },
+};
+</script>
 <style lang="less">
 #app {
   width: 100vw;

vue/src/assets/style/base.css

@@ -26,6 +26,10 @@ input:-ms-input-placeholder {
   color: #B7B7B7;
 }
 
+.viewer-toolbar {
+  display: none !important;
+}
+
 .viewer-title {
   display: none !important;
 }
@@ -46,11 +50,20 @@ input:-ms-input-placeholder {
   display: none !important;
 }
 
-.el-pager{
+.viewer-rotate-left,
+.viewer-rotate-right,
+.viewer-flip-horizontal,
+.viewer-flip-vertical {
+  display: none !important;
+}
+
+
+.el-pager {
   display: flex;
   list-style-type: none;
   align-items: center;
 }
+
 .el-pager li {
   cursor: pointer;
   font-size: 20px;
@@ -58,15 +71,18 @@ input:-ms-input-placeholder {
   color: #666666;
 
 }
-.el-pager .active{
+
+.el-pager .active {
   pointer-events: none;
   color: #930909;
 }
-.el-icon-more{
+
+.el-icon-more {
   position: relative;
   height: 100%;
 }
-.el-icon-more::before{
+
+.el-icon-more::before {
   position: absolute;
   left: 0;
   top: 50%;

vue/src/views/Goods/data.js

@@ -2306,7 +2306,7 @@ export const goodsData = {
   {
     type: 'book',
     bs: '139',
-    name: '郭凤韶烈士用过的《芥子园画传二集》（兰谱第一册）',
+    name: '郭凤韶烈士用过的《芥子园画传二集》（兰谱第二册）',
     age: '中华民国时期(1912~1949)',
     sort: '古籍图书',
     size: '20.5*13.5*0.3厘米',
@@ -6625,7 +6625,7 @@ export const goodsData = {
     size: '55*19.7厘米',
     grain: '纸',
     estate: '一级',
-    imgNum: 8
+    imgNum: 1
   },
   {
     type: 'Italy',