更新添加模板

dromara · Jun 20, 2024 · 4a4f733 · 4a4f733
1 parent abc207f
commit 4a4f733
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 9 deletions.
diff --git a/src/components/HomePopover.vue b/src/components/HomePopover.vue
@@ -14,11 +14,11 @@
       <!-- <el-row class="pop-row">
         <IconHome class="pop-icon"/>
         <span class="pop-text">返回首页</span>
-      </el-row>
-      <el-row class="pop-row">
-        <IconEdit class="pop-icon"/>
-        <span class="pop-text">未命名</span>
       </el-row> -->
+      <el-row class="pop-row" @click="createTemplate()">
+        <IconPlus class="pop-icon"/>
+        <span class="pop-text">添加模板</span>
+      </el-row>
       <el-row class="pop-row">
         <IconNewlybuild class="pop-icon"/>
         <span class="pop-text">{{ t('message.createDesign') }}</span>
@@ -39,7 +39,9 @@
 <script lang="ts" setup>
 import { ref, watch } from 'vue'
 import useI18n from '@/hooks/useI18n'
+import useHandleTemplate from '@/hooks/useHandleTemplate'
 import ReferencePopover from '@/components/ReferencePopover.vue'
+const { createTemplate } = useHandleTemplate()
 
 const { t } = useI18n()
 const hasHelp = ref(false)

diff --git a/src/views/Editor/CanvasLeft/Thumb/index.vue b/src/views/Editor/CanvasLeft/Thumb/index.vue
@@ -5,15 +5,12 @@
     v-contextmenu="contextMenusThumbnails"  
   >
     <el-row class="thumb-handle items-center">
-      <el-col :span="12" class="flex justify-center text-[16px]">
+      <el-col :span="24" class="flex justify-center text-[16px]">
         <div>
-          <el-button text ref="menuRef">文件</el-button>
+          <el-button text ref="menuRef" class="w-[100px]">文件</el-button>
           <HomePopover :menu-ref="menuRef" :menu-popover-ref="menuPopoverRef" />
         </div>
       </el-col>
-      <el-col :span="12" class="flex justify-center text-[16px]">
-        <el-button @click="createTemplate()" text> <IconPlus class="icon" /></el-button>
-      </el-col>
     </el-row>
     <Draggable
       class="thumb-content"