ソースを参照

feat(界面组件): 添加创意工具菜单项并固定缩略图尺寸

在CollapsibleToolbar组件中添加创意工具菜单项,包含图标和标签
将ThumbnailSlide组件中的动态尺寸改为固定120x67.5像素
lsc 5 日 前
コミット
016ccca632

+ 9 - 0
src/components/CollapsibleToolbar/index2.vue

@@ -241,6 +241,15 @@
           </svg>
           </svg>
           <span class="submenu-label">{{ lang.ssQandA }}</span>
           <span class="submenu-label">{{ lang.ssQandA }}</span>
         </div>
         </div>
+        <div class="submenu-item" @click="handleToolClick('creative')" @mouseenter="hoveredTool = null"
+          @mouseleave="hoveredTool = null">
+          <svg class="submenu-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+            <circle cx="12" cy="12" r="10"/>
+            <line x1="12" y1="8" x2="12" y2="16"/>
+            <line x1="8" y1="12" x2="16" y2="12"/>
+          </svg>
+          <span class="submenu-label">{{ lang.ssCreative }}</span>
+        </div>
       </div>
       </div>
     </div>
     </div>
     <div class="submenu" :class="{ visible: activeSubmenu === 'aiapp' }">
     <div class="submenu" :class="{ visible: activeSubmenu === 'aiapp' }">

+ 6 - 2
src/views/components/ThumbnailSlide/index.vue

@@ -2,10 +2,14 @@
   <div
   <div
     class="thumbnail-slide"
     class="thumbnail-slide"
     :style="{
     :style="{
-      width: size + 'px',
-      height: size * viewportRatio + 'px',
+      width: 120 + 'px',
+      height: 67.5 + 'px',
     }"
     }"
   >
   >
+      <!-- :style="{
+      width: size + 'px',
+      height: size * viewportRatio + 'px',
+    }" -->
     <div
     <div
       class="elements"
       class="elements"
       :style="{
       :style="{