删除 tools 列表页右上角的工具市场和添加工具按钮
This commit is contained in:
parent
862b845546
commit
d544701e13
@ -2,16 +2,6 @@
|
|||||||
<div class="tools-page">
|
<div class="tools-page">
|
||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h2>{{ t('Tools') }}</h2>
|
<h2>{{ t('Tools') }}</h2>
|
||||||
<div class="header-actions">
|
|
||||||
<button class="marketplace-btn" @click="handleOpenMarketplace">
|
|
||||||
<i class="fa fa-store"></i>
|
|
||||||
{{ t('Tool Marketplace') }}
|
|
||||||
</button>
|
|
||||||
<button class="add-tool-btn" @click="handleAddTool">
|
|
||||||
<i class="fa fa-plus"></i>
|
|
||||||
{{ t('Add Tool') }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="page-content">
|
<div class="page-content">
|
||||||
@ -22,10 +12,6 @@
|
|||||||
</div>
|
</div>
|
||||||
<h3>{{ t('No Tools Yet') }}</h3>
|
<h3>{{ t('No Tools Yet') }}</h3>
|
||||||
<p>{{ t('Get started by adding your first tool service') }}</p>
|
<p>{{ t('Get started by adding your first tool service') }}</p>
|
||||||
<button class="empty-action-btn" @click="handleAddTool">
|
|
||||||
<i class="fa fa-plus"></i>
|
|
||||||
{{ t('Add Your First Tool') }}
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 工具网格 -->
|
<!-- 工具网格 -->
|
||||||
@ -370,9 +356,6 @@ function handleDeleteTool(tool: Tool) {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
function handleOpenMarketplace() {
|
|
||||||
router.push({ name: 'ToolMarketplace' })
|
|
||||||
}
|
|
||||||
|
|
||||||
function handleOpenTool(tool: Tool) {
|
function handleOpenTool(tool: Tool) {
|
||||||
// 确保工具具有 routeName（如果缺失则自动生成）
|
// 确保工具具有 routeName（如果缺失则自动生成）
|
||||||
@ -450,91 +433,6 @@ function handleMenuSelect(key: string, tool: Tool) {
|
|||||||
margin: 0;
|
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 {
|
.page-content {
|
||||||
@ -579,39 +477,6 @@ function handleMenuSelect(key: string, tool: Tool) {
|
|||||||
margin: 0 0 32px 0;
|
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 {
|
.tools-grid {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user