新增使用说明文档入口

This commit is contained in:
kx_guo 2026-09-22 15:13:31 +08:00
parent 9359f11cd0
commit 56d7ac0b20

View File

@ -1,5 +1,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { import {
ExternalLink,
FileQuestion,
PenLine, PenLine,
Search, Search,
} from "@lucide/vue"; } from "@lucide/vue";
@ -139,6 +141,18 @@ function searchConversations() {
</div> </div>
</section> </section>
<a
class="help-document"
href="https://alidocs.dingtalk.com/i/nodes/dpYLaezmVNZ9EBwXuKGavoNvVrMqPxX6?utm_scene=person_space"
target="_blank"
rel="noopener noreferrer"
title="打开使用说明文档"
>
<FileQuestion :size="15" />
<span>使用说明文档</span>
<ExternalLink :size="12" class="help-document__external" />
</a>
<footer> <footer>
<div class="knowledge-progress"><i></i></div> <div class="knowledge-progress"><i></i></div>
<p>{{ roleLabel(user?.role) }} · 知识库 2,448 / 3,000 条</p> <p>{{ roleLabel(user?.role) }} · 知识库 2,448 / 3,000 条</p>
@ -332,8 +346,35 @@ section h2 {
font-weight: 700; font-weight: 700;
} }
footer { .help-document {
display: flex;
min-height: 38px;
align-items: center;
gap: 8px;
border-top: 1px solid var(--color-border-light);
margin-top: auto; margin-top: auto;
padding: 0 16px;
color: var(--color-text-secondary);
font-size: 12px;
text-decoration: none;
}
.help-document:hover {
background: var(--color-bg-warm);
color: var(--color-text);
}
.help-document span {
min-width: 0;
flex: 1;
}
.help-document__external {
color: var(--color-text-faint);
}
footer {
margin-top: 0;
border-top: 1px solid var(--color-border-light); border-top: 1px solid var(--color-border-light);
padding: 12px 16px; padding: 12px 16px;
} }
@ -380,6 +421,8 @@ footer p {
.conversation-search, .conversation-search,
.sidebar-item__label, .sidebar-item__label,
.new-label, .new-label,
.help-document span,
.help-document__external,
footer { footer {
display: none; display: none;
} }
@ -389,6 +432,13 @@ footer p {
padding: 0; padding: 0;
} }
.help-document {
min-height: 42px;
justify-content: center;
margin-top: auto;
padding: 0;
}
.risk-dot { .risk-dot {
width: 7px; width: 7px;
height: 7px; height: 7px;