模块化

src/components/connection/brains/index.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>脑机模块</div>
+</template>
+
+<script>
+export default {
+  name: "Brains"
+};
+</script>
+
+<style scoped>
+
+</style>

src/components/connection/index.vue

@@ -0,0 +1,33 @@
+<template>
+    <div id="device_container">
+      <view>
+        <text class="cuIcon-titles text-primary"></text>
+        <text class="">我的设备</text>
+      </view>
+      <div class="device padding">
+        <!-- 脑机 -->
+        <Brains></Brains>
+        <!-- 教具模块 -->
+        <Toys></Toys>
+      </div>
+    </div>
+</template>
+
+<script>
+import Brains from "@/components/connection/brains/index";
+import Toys from "@/components/connection/toys/index";
+export default {
+  name: "ConnectionIndex",
+  components: {
+    Brains,
+    Toys
+  },
+};
+</script>
+
+<style scoped>
+#device_container {
+  position: relative;
+  bottom: 80px;
+}
+</style>

src/components/connection/toys/index.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>教具模块</div>
+</template>
+
+<script>
+export default {
+  name: "Toys"
+};
+</script>
+
+<style scoped>
+
+</style>

src/pages/index/index.vue

@@ -3,7 +3,7 @@ import Banner from "@/components/banner";
 import Welcome from "@/components/welcome";
 import Login from "@/components/login";
 import UserCard from "@/components/usercard";
-import device_container from "@/components/device/device";
+import Connection from "@/components/connection/index";
 import Toast from "../../../static/vant/toast/toast";
 import Dialog from "../../../static/vant/dialog/dialog";
 import {setUserLogin} from "../../requests/user";
@@ -11,17 +11,14 @@ import user_store from "../../store/index";
 import game_store from "../../store/game";
 import {post_data} from "../../utils/game";
 
-let $this;
 export default {
-  name: "index_container",
+  name: "HomePage",
   components: {
-
     Banner,
     Welcome,
     Login,
     UserCard,
-
-    device_container,
+    Connection
   },
   data() {
     return {
@@ -31,9 +28,6 @@ export default {
       is_login: false
     };
   },
-  created() {
-    $this = this;
-  },
   methods: {
     /**
      * 切换 注册/登录
@@ -110,7 +104,7 @@ export default {
     <!-- 登陆后 个人首页-->
     <div class="personal_card" v-if="is_login">
       <UserCard></UserCard>
-      <device_container></device_container>
+      <Connection></Connection>
     </div>
     <div class="service" :class="{'service_login_page':!is_login}">
       <view class="padding-tb">