创建设计

src/components/User/UserCard.vue

@@ -2,7 +2,7 @@
   <div class="items-center row">
     <img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1713433759000_282.png"
                 style="height: 33px" @click="forwardProduct" class="cusor-pointer"/>
-    <div class="primary-link-button q-ml-lg cusor-pointer no-select">创建设计</div>
+    <div class="primary-link-button q-ml-lg cusor-pointer no-select" @click="addVisible=true">创建设计</div>
     <el-dropdown trigger="click">
       <el-avatar
         :size="size"
@@ -101,19 +101,24 @@
       </template>
     </el-dropdown>
   </div>
+  <!-- 创建设计 -->
+  <temDesign :addTem="addVisible" @close="addVisible=false"/>
 </template>
 <script lang="ts" setup>
+import { ref } from "vue";
 import { useUserStore } from "@/store";
 import { storeToRefs } from "pinia";
 import { useRouter } from "vue-router";
 import {USER_DEFAULT_HEADER} from '@/configs/customer'
 import { openNewBlank } from "@/utils/common";
+import temDesign from "@/components/home/temDesign.vue";
 const props = defineProps({
     size: {
       type: Number,
       default: 33,
     },
 });
+const addVisible = ref(false)
 const forwardProduct = () => router.push('/p/show')
 const router = useRouter()
 const useUser = useUserStore();

src/views/TemplateCenter/Layout.vue

@@ -9,7 +9,7 @@
             <div class="col"></div>
             <!-- <img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1713433759000_282.png"
                 style="height: 33px" />
-            <div class="primary-link-button q-ml-lg" @click="addVisible=true">创建设计</div> -->
+            <div class="primary-link-button q-ml-lg">创建设计</div> -->
 
             <UserCard :size="33"></UserCard>
         </div>
@@ -28,13 +28,11 @@
             </el-scrollbar>
         </div>
     </div>
-    <!-- 创建设计 -->
-    <temDesign :addTem="addVisible" @close="addVisible=false"/>
+    
 </template>
 
 <script lang="ts" setup>
 import UserCard from "@/components/User/UserCard.vue";
-import temDesign from "@/components/home/temDesign.vue";
 import { useMenuStore } from "@/store";
 import { ref, watch } from "vue";
 import { useRouter } from "vue-router";
@@ -44,8 +42,6 @@ const useMenu = useMenuStore();
 const menus = ref(useMenu.getTemplateMenu);
 const activeIndex = ref(0)
 
-const addVisible = ref(false)
-
 const forwardSpace = () => router.push('/space')
 
 watch(() => router.currentRoute.value.path, (toPath) => {