对接客服

src/App.vue

@@ -1,5 +1,13 @@
 <template>
     <div id="app">
+        <iframe
+                src="https://iftappwelink.foton.com.cn/ke_fu_ui/?groupId=596843564600706080"
+                class="customer"
+                height="490"
+                width="440"
+                frameborder="0"
+                scrolling="0"
+        ></iframe>
         <!--    <router-view v-if="!isBoolean"/>-->
         <span v-if="this.$route.name === 'Login'|| !isBoolean">
       <router-view/>
@@ -89,7 +97,7 @@ export default {
         name: 'App',
         data() {
             return {
-      isBoolean: false
+                isBoolean: false,
             }
         },
         created() {
@@ -219,7 +227,7 @@ export default {
                 //执行刷新操作，这里我没有写this.$route.go(0),因为整个页面抖动不是很友好
                 //现将app.vue下面的 头部组件，菜单组件，内容组件隐藏再放出来，实现刷新一样的效果
                 console.log('我要刷新页面了')
-    }
+            },
         },
         computed: {
             // 获取用户头像
@@ -381,6 +389,7 @@ export default {
         //background: url('~@/assets/images/shangqi/home/BG.png') no-repeat;
         background-size: 100% 100%;
         font-family: MicrosoftYaHei, 微软雅黑;
+
         & > div {
             position: absolute;
             top: 0;
@@ -392,6 +401,7 @@ export default {
         .el-main {
             padding: 15px 10px 0 10px;
         }
+
         .content-box {
             display: flex;
             height: 100%;
@@ -428,4 +438,12 @@ export default {
             background: red;
         }
     }
+
+    .customer {
+        position: absolute;
+        right: 30px;
+        bottom: 20px;
+        z-index: 1000;
+    }
+
 </style>