更新

src/router/index.js

@@ -16,7 +16,7 @@ const routes = [
   {
     path: '/error',
     name: '',
-    meta: { title: '错误页面', isleftarrow: false },
+    meta: { title: '绑定授权', isleftarrow: false },
     component: () => import('../views/error.vue'),
   },
   // 直播大厅

src/views/error.vue

@@ -1,6 +1,12 @@
 <template>
   <div id="error">
-    <p>错误页面</p>
+    <el-row>
+      <el-col :span="24" class="style">
+        <el-image :src="error" class="image"></el-image>
+        <p>不能绑定</p>
+        <p>绑定失败，请尝试重新绑定</p>
+      </el-col>
+    </el-row>
   </div>
 </template>
 
@@ -11,7 +17,9 @@ export default {
   props: {},
   components: {},
   data: function() {
-    return {};
+    return {
+      error: require('@/assets/error.png'),
+    };
   },
   created() {},
   methods: {},
@@ -27,4 +35,19 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.style {
+  text-align: center;
+  .image {
+    width: 100px;
+    height: 100px;
+    padding: 44px 0 0 0;
+  }
+  p:nth-child(2) {
+    padding: 15px 0;
+  }
+  p:last-child {
+    color: #ccc;
+  }
+}
+</style>