168 lines
8.1 KiB
HTML
168 lines
8.1 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>HoloLake Era · 帮助中心</title>
|
||
<link rel="stylesheet" href="help.css">
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<div class="sidebar">
|
||
<div class="sidebar-header">
|
||
<div class="logo">🌊 HoloLake</div>
|
||
<div class="subtitle">帮助中心</div>
|
||
</div>
|
||
<nav class="nav-menu">
|
||
<a class="nav-item active" data-category="getting-started" onclick="filterCategory('getting-started')">
|
||
<span class="nav-icon">🚀</span>
|
||
<span>快速入门</span>
|
||
</a>
|
||
<a class="nav-item" data-category="account" onclick="filterCategory('account')">
|
||
<span class="nav-icon">👤</span>
|
||
<span>账号问题</span>
|
||
</a>
|
||
<a class="nav-item" data-category="features" onclick="filterCategory('features')">
|
||
<span class="nav-icon">⚙️</span>
|
||
<span>功能使用</span>
|
||
</a>
|
||
<a class="nav-item" data-category="technical" onclick="filterCategory('technical')">
|
||
<span class="nav-icon">🔧</span>
|
||
<span>技术支持</span>
|
||
</a>
|
||
<a class="nav-item" data-category="all" onclick="filterCategory('all')">
|
||
<span class="nav-icon">📚</span>
|
||
<span>全部问题</span>
|
||
</a>
|
||
</nav>
|
||
<div class="sidebar-footer">
|
||
<a href="index.html" class="back-link">← 返回对话界面</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="main-content">
|
||
<div class="search-bar">
|
||
<span class="search-icon">🔍</span>
|
||
<input type="text" id="searchInput" placeholder="搜索常见问题..." oninput="searchFAQ()">
|
||
</div>
|
||
|
||
<div class="faq-section" id="faqList">
|
||
<div class="faq-item" data-category="getting-started">
|
||
<div class="faq-question" onclick="toggleFAQ(this)">
|
||
<span>什么是HoloLake？</span>
|
||
<span class="faq-arrow">▶</span>
|
||
</div>
|
||
<div class="faq-answer">
|
||
HoloLake Era 是一个AI协作开发平台，你可以和不同的AI人格体对话、协作、学习。每个人格体都有独特的性格和专长。
|
||
</div>
|
||
</div>
|
||
|
||
<div class="faq-item" data-category="getting-started">
|
||
<div class="faq-question" onclick="toggleFAQ(this)">
|
||
<span>如何开始使用？</span>
|
||
<span class="faq-arrow">▶</span>
|
||
</div>
|
||
<div class="faq-answer">
|
||
注册账号后，选择一个人格体，就可以开始对话了！建议新用户先和知秋宝宝打个招呼，熟悉基本操作。
|
||
</div>
|
||
</div>
|
||
|
||
<div class="faq-item" data-category="account">
|
||
<div class="faq-question" onclick="toggleFAQ(this)">
|
||
<span>忘记密码怎么办？</span>
|
||
<span class="faq-arrow">▶</span>
|
||
</div>
|
||
<div class="faq-answer">
|
||
在登录页面点击「忘记密码」，输入注册时的邮箱，系统会发送重置链接到你的邮箱。
|
||
</div>
|
||
</div>
|
||
|
||
<div class="faq-item" data-category="account">
|
||
<div class="faq-question" onclick="toggleFAQ(this)">
|
||
<span>如何修改个人信息？</span>
|
||
<span class="faq-arrow">▶</span>
|
||
</div>
|
||
<div class="faq-answer">
|
||
进入「设置」页面，点击「个人信息」即可修改显示名称、个性签名等信息。
|
||
</div>
|
||
</div>
|
||
|
||
<div class="faq-item" data-category="features">
|
||
<div class="faq-question" onclick="toggleFAQ(this)">
|
||
<span>如何切换人格体？</span>
|
||
<span class="faq-arrow">▶</span>
|
||
</div>
|
||
<div class="faq-answer">
|
||
在对话界面顶部点击人格体名称，或者进入「设置→人格体偏好」修改默认人格体。
|
||
</div>
|
||
</div>
|
||
|
||
<div class="faq-item" data-category="features">
|
||
<div class="faq-question" onclick="toggleFAQ(this)">
|
||
<span>对话记录会保存吗？</span>
|
||
<span class="faq-arrow">▶</span>
|
||
</div>
|
||
<div class="faq-answer">
|
||
会的！你的所有对话记录都会自动保存，你可以随时在对话列表里查看历史记录。
|
||
</div>
|
||
</div>
|
||
|
||
<div class="faq-item" data-category="features">
|
||
<div class="faq-question" onclick="toggleFAQ(this)">
|
||
<span>什么是云盘功能？</span>
|
||
<span class="faq-arrow">▶</span>
|
||
</div>
|
||
<div class="faq-answer">
|
||
云盘是你的个人文件存储空间，可以上传、下载、管理文件，并与人格体共享文件进行协作。
|
||
</div>
|
||
</div>
|
||
|
||
<div class="faq-item" data-category="technical">
|
||
<div class="faq-question" onclick="toggleFAQ(this)">
|
||
<span>页面加载很慢怎么办？</span>
|
||
<span class="faq-arrow">▶</span>
|
||
</div>
|
||
<div class="faq-answer">
|
||
请检查网络连接是否正常。如果网络没问题，试试清除浏览器缓存后刷新页面。
|
||
</div>
|
||
</div>
|
||
|
||
<div class="faq-item" data-category="technical">
|
||
<div class="faq-question" onclick="toggleFAQ(this)">
|
||
<span>支持哪些浏览器？</span>
|
||
<span class="faq-arrow">▶</span>
|
||
</div>
|
||
<div class="faq-answer">
|
||
推荐使用Chrome、Edge、Firefox的最新版本。Safari也支持，但部分动画效果可能略有差异。
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="no-results" id="noResults" style="display:none">
|
||
😔 没有找到相关问题，试试其他关键词吧
|
||
</div>
|
||
|
||
<div class="feedback-section">
|
||
<h3>📝 意见反馈</h3>
|
||
<p class="feedback-desc">没找到答案？告诉我们你的问题！</p>
|
||
<div class="form-group">
|
||
<label>问题类型</label>
|
||
<select id="feedbackType">
|
||
<option value="bug">🐛 Bug报告</option>
|
||
<option value="feature">💡 功能建议</option>
|
||
<option value="question">❓ 使用疑问</option>
|
||
<option value="other">💬 其他</option>
|
||
</select>
|
||
</div>
|
||
<div class="form-group">
|
||
<label>详细描述</label>
|
||
<textarea id="feedbackContent" placeholder="请描述你遇到的问题或建议..." rows="4"></textarea>
|
||
</div>
|
||
<button class="btn-submit" onclick="submitFeedback()">提交反馈</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script src="help.js"></script>
|
||
</body>
|
||
</html>
|