创建基础结构

src/views/HomeView.vue

@@ -1,15 +0,0 @@
-<script setup lang="ts">
-import TheWelcome from '_c/TheWelcome.vue'
-import { useUserInfoStore } from '@/stores/modules/userInfo'
-const store = useUserInfoStore()
-store.changeNum()
-console.log(store.name)
-console.log(store.num)
-console.log(import.meta.env.VITE_APP_URL)
-</script>
-
-<template>
-  <main>
-    <TheWelcome />
-  </main>
-</template>

src/views/Workshop/index.vue

@@ -0,0 +1,27 @@
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted, reactive, toRefs } from "vue";
+//const props = defineProps({
+//})
+//const emit = defineEmits([
+//])
+let data = reactive({
+})
+onMounted(()=>{
+})
+onUnmounted(()=>{
+})
+defineExpose({})
+const {} = toRefs(data);
+</script>
+<template>
+	<div class="workshop">
+		<router-view />
+	</div>
+</template>
+<style lang="less" scoped>
+	.workshop{
+		width: 100%;
+		height: 100%;
+		position: relative;
+	}
+</style>

src/views/Workshop/selectStyle.vue

@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted, reactive, toRefs } from "vue";
+//const props = defineProps({
+//})
+//const emit = defineEmits([
+//])
+let data = reactive({
+})
+onMounted(()=>{
+})
+onUnmounted(()=>{
+})
+defineExpose({})
+const {} = toRefs(data);
+</script>
+<template>
+	<div class="selectStyle">
+		<div class="title">
+			12312
+		</div>
+	</div>
+</template>
+<style lang="less" scoped>
+	.selectStyle{
+		width: 100%;
+		height: 100%;
+		position: relative;
+	}
+</style>