diff --git a/src/views/Tools.vue b/src/views/Tools.vue index e2734ef..405d017 100644 --- a/src/views/Tools.vue +++ b/src/views/Tools.vue @@ -2,16 +2,6 @@
@@ -22,10 +12,6 @@

{{ t('No Tools Yet') }}

{{ t('Get started by adding your first tool service') }}

-
@@ -370,9 +356,6 @@ function handleDeleteTool(tool: Tool) { }) } -function handleOpenMarketplace() { - router.push({ name: 'ToolMarketplace' }) -} function handleOpenTool(tool: Tool) { // 确保工具具有 routeName(如果缺失则自动生成) @@ -450,91 +433,6 @@ function handleMenuSelect(key: string, tool: Tool) { margin: 0; } -.header-actions { - display: flex; - gap: 12px; - align-items: center; -} - -.marketplace-btn { - height: 36px; - padding: 0 16px; - border: 1px solid #e5e7eb; - border-radius: 8px; - background: white; - color: #64748b; - cursor: pointer; - display: flex; - align-items: center; - gap: 6px; - font-size: 14px; - font-weight: 500; - transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); -} - -.marketplace-btn:hover { - background: #f9fafb; - border-color: #cbd5e1; - color: #475569; - transform: translateY(-1px); - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.add-tool-btn { - height: 36px; - padding: 0 16px; - border: 1px solid #1fc76f; - border-radius: 8px; - background: #e6f8f0; - color: #0d684b; - cursor: pointer; - display: flex; - align-items: center; - gap: 6px; - font-size: 14px; - font-weight: 500; - transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); - position: relative; - overflow: hidden; -} - -.add-tool-btn:hover { - background: #dcfce7; - border-color: #1fc76f; - color: #166534; - transform: translateY(-1px); - box-shadow: 0 2px 8px rgba(31, 199, 111, 0.15); -} - -.add-tool-btn:active { - background: #1fc76f; - border-color: #1fc76f; - color: white; - transform: translateY(0); - box-shadow: 0 1px 4px rgba(31, 199, 111, 0.2); -} - -.add-tool-btn:disabled { - background: #f1f5f9; - border-color: #e2e8f0; - color: #94a3b8; - opacity: 0.6; - cursor: not-allowed; - transform: none; - box-shadow: none; -} - -.add-tool-btn:disabled:hover { - background: #f1f5f9; - border-color: #e2e8f0; - color: #94a3b8; - transform: none; - box-shadow: none; -} - -.add-tool-btn i { - font-size: 12px; -} /* 页面内容 */ .page-content { @@ -579,39 +477,6 @@ function handleMenuSelect(key: string, tool: Tool) { margin: 0 0 32px 0; } -.empty-action-btn { - height: 36px; - padding: 0 16px; - border: 1px solid #1fc76f; - border-radius: 8px; - background: #e6f8f0; - color: #0d684b; - cursor: pointer; - display: inline-flex; - align-items: center; - gap: 6px; - font-size: 14px; - font-weight: 500; - transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); - position: relative; - overflow: hidden; -} - -.empty-action-btn:hover { - background: #dcfce7; - border-color: #1fc76f; - color: #166534; - transform: translateY(-1px); - box-shadow: 0 2px 8px rgba(31, 199, 111, 0.15); -} - -.empty-action-btn:active { - background: #1fc76f; - border-color: #1fc76f; - color: white; - transform: translateY(0); - box-shadow: 0 1px 4px rgba(31, 199, 111, 0.2); -} /* 工具网格 */ .tools-grid {