Commit ·
fe9373f
1
Parent(s): 81ea66c
docs: update readme and add favicon
Browse files- README.md +3 -0
- templates/index.html +1 -0
README.md
CHANGED
|
@@ -17,9 +17,12 @@ short_description: 用户体验地图工坊
|
|
| 17 |
## ✨ 核心功能
|
| 18 |
|
| 19 |
- **交互式地图编辑**：轻松添加/删除阶段（Stage）和图层（Layer）。
|
|
|
|
| 20 |
- **情绪曲线可视化**：内置情绪层（Emotion Layer），通过滑块调整用户情绪评分（1-5），自动生成平滑的情绪波动曲线。
|
| 21 |
- **多种图层类型**：支持文本层（记录行为、痛点、机会）和情绪层。
|
|
|
|
| 22 |
- **本地化存储**：数据自动保存在浏览器 LocalStorage 中，刷新不丢失，隐私安全。
|
|
|
|
| 23 |
- **高清导出**：一键导出为 PNG 图片，方便分享到飞书、Notion 或 PPT 中。
|
| 24 |
- **暗黑模式**：内置精美的暗黑模式，适合夜间工作。
|
| 25 |
|
|
|
|
| 17 |
## ✨ 核心功能
|
| 18 |
|
| 19 |
- **交互式地图编辑**：轻松添加/删除阶段（Stage）和图层（Layer）。
|
| 20 |
+
- **多场景模板**：内置新用户注册、电商购物、客户服务投诉等多种经典场景模板，一键加载。
|
| 21 |
- **情绪曲线可视化**：内置情绪层（Emotion Layer），通过滑块调整用户情绪评分（1-5），自动生成平滑的情绪波动曲线。
|
| 22 |
- **多种图层类型**：支持文本层（记录行为、痛点、机会）和情绪层。
|
| 23 |
+
- **数据导入导出**：支持 JSON 格式的数据导入导出，方便备份和迁移数据。
|
| 24 |
- **本地化存储**：数据自动保存在浏览器 LocalStorage 中，刷新不丢失，隐私安全。
|
| 25 |
+
- **完全本地化**：静态资源本地化，无需担心 CDN 访问问题，支持离线使用。
|
| 26 |
- **高清导出**：一键导出为 PNG 图片，方便分享到飞书、Notion 或 PPT 中。
|
| 27 |
- **暗黑模式**：内置精美的暗黑模式，适合夜间工作。
|
| 28 |
|
templates/index.html
CHANGED
|
@@ -3,6 +3,7 @@
|
|
| 3 |
<head>
|
| 4 |
<meta charset="UTF-8">
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
| 6 |
<title>用户体验地图工坊 (Customer Journey Map Studio)</title>
|
| 7 |
<script src="[[ url_for('static', filename='js/vue.global.js') ]]"></script>
|
| 8 |
<script src="[[ url_for('static', filename='js/tailwindcss.js') ]]"></script>
|
|
|
|
| 3 |
<head>
|
| 4 |
<meta charset="UTF-8">
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
+
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🗺️</text></svg>">
|
| 7 |
<title>用户体验地图工坊 (Customer Journey Map Studio)</title>
|
| 8 |
<script src="[[ url_for('static', filename='js/vue.global.js') ]]"></script>
|
| 9 |
<script src="[[ url_for('static', filename='js/tailwindcss.js') ]]"></script>
|