删除无用代码和文件

src/assets/css/base.css

@@ -35,107 +35,4 @@ body{
 
 ul li {
   list-style: none;
-}
-
-.comTit {
-  width: 98%;
-  font-weight: 700;
-  /* font-family: '思源宋体'; */
-  color: #9F171C;
-  font-size: 24px;
-  border-right: 3px solid #9F171C;
-  padding-right: 20px;
-  text-align: right;
-  margin-bottom: 30px;
-}
-
-.comBs {
-  cursor: pointer;
-  position: absolute;
-  bottom: 0px;
-  left: 50%;
-  transform: translateX(-50%);
-  width: 70px;
-  height: 70px;
-  background: url('../../assets/img/slide.gif');
-  background-size: 100% 100%;
-}
-
-/* ::-webkit-scrollbar {
-  width: 1px;
-  height: 1px;
-}
-
-::-webkit-scrollbar-thumb {
-  border-radius: 10px;
-  -webkit-box-shadow: inset 0 0 5px transparent;
-  background: #8A7351;
-}
-
-::-webkit-scrollbar-track {
-  -webkit-box-shadow: inset 0 0 5px transparent;
-  border-radius: 10px;
-  background: transparent;
-} */
-#app .swiper-button-prev.swiper-button-disabled,
-#app .swiper-button-next.swiper-button-disabled {
-  cursor: pointer;
-  opacity: 1;
-  pointer-events: auto;
-}
-#app .swiper-button-prev, #app .swiper-button-next{
-  width: 34px;
-  height: 34px;
-  border-radius: 50%;
-  background-color: rgba(0,0,0,.6);
-  left: -17px;
-  background-size: 20px 20px;
-  margin-top:-17px;
-}
-#app .swiper-button-next{
-  left: auto;
-  right: -17px;
-}
-.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{
-  font-size: 20px !important;
-}
-.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
-  font-size: 20px !important;
-}
-.videoName>p {
-  padding: 0px 10px;
-  z-index: 99;
-  width: 100%;
-  word-break: break-all;
-}
-
-.videoName .videoPlay {
-  width: 50px;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  z-index: 100;
-  transform: translate(-50%, -50%);
-}
-
-.videoName .videoPlay img {
-  width: 100%;
-}
-.viewer-title {
-  display: none !important;
-}
-
-.viewer-prev {
-  display: none !important;
-}
-
-.viewer-next {
-  display: none !important;
-}
-
-.viewer-navbar {
-  display: none !important;
-}
-video {
-  width: 100%;
 }

src/router/index.js

@@ -9,6 +9,11 @@ const routes = [
     name: 'Home',
     component: () => import('../views/Home.vue')
   },
+  {
+    path: '/iframe-wrapper',
+    name: 'IframeWrapper',
+    component: () => import('../views/IframeWrapper.vue')
+  },
 ]
 
 const router = new VueRouter({

src/views/Home.vue

@@ -187,8 +187,12 @@ export default {
       // 绑定图层得点击标签事件回调
       graphicLayer.on("click", (e) => {
         const attr = e.graphic.attr || {};
-        console.log(e.graphic);
-        location.href = attr.url
+        this.$router.push({
+          name: 'IframeWrapper',
+          query: {
+            url: attr.url,
+          },
+        })
       });
 
       map.addLayer(graphicLayer);

src/views/IframeWrapper.vue

@@ -0,0 +1,32 @@
+<template>
+  <div class="iframe-wrapper">
+    <iframe :src="url" frameborder="0" allow="fullscreen"></iframe>
+  </div>
+</template>
+
+<script>
+export default {
+  computed: {
+    url() {
+      return decodeURIComponent(this.$route.query.url)
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.iframe-wrapper{
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  >iframe{
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+  }
+}
+</style>