vue/jingrowtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

删除 tools 列表页右上角的工具市场和添加工具按钮

Browse Source
This commit is contained in:
jingrow 2026-01-03 18:04:47 +08:00
parent 862b845546
commit d544701e13
1 changed files with 0 additions and 135 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

135
src/views/Tools.vue
View File

@ -2,16 +2,6 @@
<div class="tools-page">
<div class="page-header">
<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 class="page-content">
@ -22,10 +12,6 @@
</div>
<h3>{{ t('No Tools Yet') }}</h3>
<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>
<!-- 工具网格 -->
@ -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 {