修改做下方答题不是跳转是嵌套iframe

src/views/gui/menu.vue

@@ -1,5 +1,10 @@
 <template>
   <div class="pinBottom-container">
+    <!-- 点击底部答题的弹窗 -->
+    <div class="myAnswer" v-if="myAnswer">
+      <iframe :src="myAnswerSrc" frameborder="0"></iframe>
+      <div class="backAnswer" @click="myAnswer=false"></div>
+    </div>
     <div class="pinBottom center">
       <div id="view-controllers"></div>
     </div>
@@ -330,6 +335,8 @@ export default {
   },
   data() {
     return {
+      myAnswer:false,//点击底部答题出现的弹窗
+      myAnswerSrc:'',
       myMoods:'',//访问人气数量
       havegame:ISGAME[window.number],
       isGuide: true,
@@ -343,7 +350,10 @@ export default {
       this.showShare = true;
     },
     openLink(){
-      this.isMobile?(window.location.href=LinkDATA[window.number]):(window.open(LinkDATA[window.number],'_blank'))
+      this.myAnswer=true
+      if(window.number==='832') this.myAnswerSrc = 'http://139.9.33.142/game/sj2/'
+      else if (window.number==='801') this.myAnswerSrc = 'http://139.9.33.142/game/sj/'
+      // this.isMobile?(window.location.href=LinkDATA[window.number]):(window.open(LinkDATA[window.number],'_blank'))
     }
   },
   mounted() {
@@ -385,4 +395,36 @@ export default {
 #hotList{
   display: none!important;
 }
+.myAnswer{
+  z-index: 999;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0,0,0,.6);
+  iframe{
+    width: 100%;
+    height: 100%;
+  }
+  .backAnswer{
+    background-image: url('../../assets/images/goBack.png');
+    position: absolute;
+    height: 50px;
+    width: 50px;
+    top: 15px;
+    left: 15px;
+    cursor: pointer;
+    background-repeat: no-repeat;
+    background-size: 100%;
+    background-position: center center;
+    z-index: 3;
+  }
+  @media screen and (max-width: 600px) {
+    .backAnswer {
+    top: auto;
+    bottom: 15px;
+    }
+}
+}
 </style>