classroom/src/views/cloudPractice/cloudPractice.vue

<!--
* @FileDescription: 云练习
* @Author: 王新雷
* @Date:2024年9月2日17:44:14
-->
<template>
   <navContainer :navs="navs">
      <div class="cloudPractice">
         <div class="leftContainer">
            <div class="details"></div>
         </div>
         <div class="rightContainer"></div>
      </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>