ui

src/components/buy/buy.vue

 <template>
   <div class="group-buy">
+
+    <guidelines></guidelines>
+
     <div :style="{backgroundImage:`url('${lineImage}')`}" class="main-background">
       <div class="title-top">
         <img :src="clock" />
@@ -155,6 +158,7 @@ import fenqi from "../../assets/evaluate/fenqi.png";
 import icon_re from "../../assets/evaluate/icon_re.png";
 import icon_re_acitve from "../../assets/evaluate/icon_re_acitve.png";
 import { Popup } from "mint-ui";
+import guidelines from './guidelines'
 
 export default {
   name: "buy",
@@ -162,7 +166,8 @@ export default {
     addAddress,
     saleDiv,
     loginPage,
-    [Popup.name]: Popup
+    [Popup.name]: Popup,
+    guidelines
   },
   data() {
     return {

src/components/buy/guidelines.vue

 <template>
   <div class="guidelines">
-    <div class="" @click="micromessengerClick">{{ this.micromessenger == 0 ? '浏览器' : '支付宝' }}</div>
-
+    <!--    <div class="" @click="micromessengerClick">{{ this.micromessenger == 0 ? '浏览器' : '支付宝' }}</div>-->
+    <div class="jiao">点击右上角...</div>
   </div>
 </template>
 
@@ -20,13 +20,13 @@
         var result = (/micromessenger/.test(ua)) ? true : false;
         if (result) {
           ui = 0
-        }else {
+        } else {
           ui = 1
         }
         return ui;
       },
       micromessengerClick() {
-        if(this.micromessenger == 1) {
+        if (this.micromessenger == 1) {
           location.href = this.$route.query.url
         }
       }
@@ -39,9 +39,24 @@
 </script>
 
 <style scoped lang="less">
+  @import "../../util/public";
 
   .guidelines {
+    width: 100%;
+    height: 100%;
+    background: #F3F2F7;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 1000;
+    text-align: center;
 
+    .jiao {
+      padding-top: 73 * @toVw;
+      font-size: 17 * @toVw;
+      font-weight: 500;
+      color: #333333;
+    }
   }
 
 </style>

src/router/index.js

@@ -571,12 +571,6 @@ const router = new Router({
       name: 'punchTheClock',
       component: e => require(['@/components/punchTheClock'], e)
     },
-    // 支付宝
-    {
-      path: '/guidelines',
-      name: 'guidelines',
-      component: e => require(['@/components/buy/guidelines'], e)
-    },
     {
       path: '*',
       component: () => import('@/components/error'),