Преглед на файлове

移动端内嵌页面去除返回按钮

James преди 4 години
родител
ревизия
53283dc676
променени са 2 файла, в които са добавени 8 реда и са изтрити 6 реда
  1. 4 3
      src/pages/over-look/index.vue
  2. 4 3
      src/pages/travel-around/index.vue

+ 4 - 3
src/pages/over-look/index.vue

@@ -4,7 +4,7 @@
     <iframe
       :src="iframeLink"
     ></iframe>
-    <div class="goBack" @click="goBack()">
+    <div v-if="!isMobile" class="goBack" @click="goBack()">
       <img src="../../assets/images/goback.png" alt="" />
     </div>
   </div>
@@ -13,7 +13,7 @@
 <script>
 //这里可以导入其他文件(比如:组件,工具js,第三方插件js,json文件,图片文件等等)
 //例如:import 《组件名称》 from '《组件路径》';
-
+import browser from "@/utils/browser.js";
 export default {
   //import引入的组件需要注入到对象中才能使用
   inject: ["reload"],
@@ -21,7 +21,8 @@ export default {
   data() {
     //这里存放数据
     return {
-      iframeLink:""
+      iframeLink:"",
+      isMobile: browser.mobile,
     };
   },
   //监听属性 类似于data概念

+ 4 - 3
src/pages/travel-around/index.vue

@@ -2,14 +2,14 @@
 <template>
 <div class='travel'>
     <iframe :src="iframeLink"></iframe>
-    <div class="goBack" @click="goBack()"><img src="../../assets/images/goback.png" alt=""></div>
+    <div v-if="!isMobile" class="goBack" @click="goBack()"><img src="../../assets/images/goback.png" alt=""></div>
 </div>
 </template>
 
 <script>
 //这里可以导入其他文件(比如:组件,工具js,第三方插件js,json文件,图片文件等等)
 //例如:import 《组件名称》 from '《组件路径》';
-
+import browser from "@/utils/browser.js";
 export default {
 //import引入的组件需要注入到对象中才能使用
 inject:['reload'],
@@ -17,7 +17,8 @@ components: {},
 data() {
 //这里存放数据
 return {
-    iframeLink:""
+    iframeLink:"",
+    isMobile: browser.mobile,
 };
 },
 //监听属性 类似于data概念