IG离开

src/config/menus.ts

@@ -41,6 +41,16 @@ export const menus_gyt: menuType[] = [
          routeType: "layout"
       },
       children: []
+   },
+   {
+      path: "/cloudPractice",
+      component: "cloudPractice",
+      title: "云练习",
+      icon: "",
+      meta: {
+         routeType: "layout"
+      },
+      children: []
    }
 ]
 
@@ -85,5 +95,15 @@ export const menus_gym: menuType[] = [
          routeType: "layout"
       },
       children: []
+   },
+   {
+      path: "/cloudPractice",
+      component: "cloudPractice",
+      title: "云练习",
+      icon: "",
+      meta: {
+         routeType: "layout"
+      },
+      children: []
    }
 ]

src/views/cloudPractice copy/cloudPractice.vue

@@ -0,0 +1,40 @@
+<!--
+* @FileDescription: 云练习
+* @Author: 王新雷
+* @Date:2024年9月2日17:44:14
+-->
+<template>
+   <navContainer :navs="navs">
+      <div class="leftContainer">
+         <div class="details"></div>
+      </div>
+      <div class="rightContainer"></div>
+   </navContainer>
+</template>
+
+<script setup lang="ts">
+import navContainer from "@/businessComponents/navContainer"
+
+const navs = [
+   {
+      name: "主页",
+      url: "/"
+   },
+   {
+      name: "云练习"
+   }
+]
+</script>
+
+<style lang="scss" scoped>
+.leftContainer {
+   flex-shrink: 0;
+   margin-left: 50px;
+   // margin-top: -35px;
+   width: 572px;
+   height: 764px;
+   background: url("@/img/homePage/bg1.png") no-repeat;
+   background-size: 100% 100%;
+   position: relative;
+}
+</style>

src/views/cloudPractice copy/index.ts

@@ -0,0 +1,2 @@
+import cloudPractice from "./cloudPractice.vue"
+export default cloudPractice

src/views/cloudPractice/cloudPractice.tsx

@@ -0,0 +1,9 @@
+import { defineComponent } from 'vue';
+import styles from './index.module.scss'
+
+export default defineComponent({
+    name: 'cloudPractice',
+    setup() {
+        return () => <div class={styles.aa}></div>
+    }
+})

src/views/cloudPractice/cloudPractice1.vue

@@ -0,0 +1,40 @@
+<!--
+* @FileDescription: 云练习
+* @Author: 王新雷
+* @Date:2024年9月2日17:44:14
+-->
+<template>
+   <navContainer :navs="navs">
+      <div class="leftContainer">
+         <div class="details"></div>
+      </div>
+      <div class="rightContainer"></div>
+   </navContainer>
+</template>
+
+<script setup lang="ts">
+import navContainer from "@/businessComponents/navContainer"
+
+const navs = [
+   {
+      name: "主页",
+      url: "/"
+   },
+   {
+      name: "云练习"
+   }
+]
+</script>
+
+<style lang="scss" scoped>
+.leftContainer {
+   flex-shrink: 0;
+   margin-left: 50px;
+   margin-top: -35px;
+   width: 572px;
+   height: 764px;
+   background: url("@/img/homePage/bg1.png") no-repeat;
+   background-size: 100% 100%;
+   position: relative;
+}
+</style>

src/views/cloudPractice/index.ts

@@ -0,0 +1,2 @@
+import cloudPractice from "./cloudPractice"
+export default cloudPractice

src/views/cloudPractice/index.tsx

@@ -1,8 +0,0 @@
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-    name:'CloudPractice',
-    setup() {
-        return () => <div>云课堂</div>
-    }
-})

src/views/homePage/homePage.vue

@@ -102,7 +102,7 @@ const classTypes_gym = [
    {
       img: require("@/img/homePage/yjl.png"),
       name: "云练习",
-      url: ""
+      url: "/cloudPractice"
    },
    {
       img: require("@/img/homePage/yjc.png"),
@@ -134,7 +134,7 @@ const classTypes_gyt = [
    {
       img: require("@/img/homePage/yjl.png"),
       name: "云练习",
-      url: ""
+      url: "/cloudPractice"
    },
    {
       img: require("@/img/homePage/yjc.png"),