修改赏枫页面样式

src/components/taskPage/FoodImg.vue

@@ -99,7 +99,7 @@ height: 100%;
                     </el-col>
                     <el-col :span="10" style="text-align:right;font-size:12px;">出团日期：8月</el-col>
                 </el-row>
-                <div style="text-align:center;width:100%;margin:30px 0">
+                <div style="text-align:center;width:100%;margin=-top:30px">
                     <img style="width:150px;height:150px;position:relative;" src="../../assets/img/juan/twoCode.png" alt=""/>
                 </div>
             </div>
@@ -181,15 +181,27 @@ export default {
         // this.getFirstImg();
         this.AutoExchange();
       })
-      var ua = navigator.userAgent.toLowerCase();//获取判断用的对象
-      if (ua.match(/MicroMessenger/i) == "micromessenger") {
-        //在微信中打开
-        this.isPhone=true;
-       this.AutoExchange3();
-      } else {
-      //否则就是PC浏览器打开
-        this.isPhone=false;
-      }
+    //   var ua = navigator.userAgent.toLowerCase();//获取判断用的对象
+    //   if (ua.match(/MicroMessenger/i) == "micromessenger") {
+    //     //在微信中打开
+    //     this.isPhone=true;
+    //    this.AutoExchange3();
+    //   } else {
+    //   //否则就是PC浏览器打开
+    //     this.isPhone=false;
+    //   }
+    let userAgentInfo = navigator.userAgent;
+    let Agents = ["Android", "iPhone",
+                "SymbianOS", "Windows Phone",
+                "iPad", "iPod"];
+    for (let v = 0; v < Agents.length; v++) {
+        if (userAgentInfo.indexOf(Agents[v]) > 0) {
+            this.isPhone = true;
+            // this.AutoExchange3();
+
+            break;
+        }
+    }
 
   },
   created() {

src/components/taskPage/FoodImg2.vue

@@ -64,7 +64,7 @@ height: 100%;
 
 <template>
 <div>
-    <div  v-show="isPhone" class="isPhone">
+    <div v-show="isPhone" class="isPhone">
         <!-- <img @click="goUrl('Home')" class="Homeimg" src="../../assets/img/juan/home.png" alt /> -->
         <div class="div3 div1" ref="div3"> 
           <img style="height:initial !important" class="img" src="../../assets/img/juan/fengye11.jpg" alt=""/>
@@ -72,7 +72,7 @@ height: 100%;
         <div class="bottom">
             <img src="../../assets/img/juan/fengyedibu11.jpg" alt=""/>
             <div style="width:95%;margin:0 auto;padding:10px 0 0 10px;position:relative;z-index:200">
-                <el-row  style="padding:50px 0 5px 0;cursor:pointer;" :gutter="20">
+                <el-row style="padding:50px 0 5px 0;cursor:pointer;" :gutter="20">
                     <el-col :span="12" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align: center;">
                     <a target="_blank" style="font-size:12px;">本州 147升级版 </a>
                     </el-col>
@@ -160,15 +160,27 @@ export default {
         // this.getFirstImg();
         this.AutoExchange();
       })
-      var ua = navigator.userAgent.toLowerCase();//获取判断用的对象
-      if (ua.match(/MicroMessenger/i) == "micromessenger") {
-        //在微信中打开
-        this.isPhone=true;
-       this.AutoExchange3();
-      } else {
-      //否则就是PC浏览器打开
-        this.isPhone=false;
-      }
+    //   var ua = navigator.userAgent.toLowerCase();//获取判断用的对象
+    //   if (ua.match(/MicroMessenger/i) == "micromessenger") {
+    //     //在微信中打开
+    //     this.isPhone=true;
+    //    this.AutoExchange3();
+    //   } else {
+    //   //否则就是PC浏览器打开
+    //     this.isPhone=false;
+    //   }
+    let userAgentInfo = navigator.userAgent;
+    let Agents = ["Android", "iPhone",
+                "SymbianOS", "Windows Phone",
+                "iPad", "iPod"];
+    for (let v = 0; v < Agents.length; v++) {
+        if (userAgentInfo.indexOf(Agents[v]) > 0) {
+            this.isPhone = true;
+            // this.AutoExchange3();
+
+            break;
+        }
+    }
 
   },
   created() {