shiyue/ThinkFlowAI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 更新UI间距和网站图标

Browse Source 
调整SettingsModal和BottomBar组件的内边距和底部间距
添加新的网站图标logo.png并更新index.html中的引用
格式化index.html文件结构
This commit is contained in:
liuziting
2026-01-22 09:11:18 +08:00
parent 6294500fb5
commit 9d42ad07d3
4 changed files with 46 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
index.html
View File

@@ -1,12 +1,18 @@
<!DOCTYPE html> <!doctype html>
<html lang="zh-CN"> <html lang="zh-CN">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" href="/logo.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ThinkFlow AI - Visual Idea Expansion Tool | 视觉化思路扩展工具</title> <title>ThinkFlow AI - Visual Idea Expansion Tool | 视觉化思路扩展工具</title>
<meta name="description" content="ThinkFlow AI - 基于大语言模型的视觉化思路扩展与灵感激发工具。通过图形化界面深度挖掘创意，支持多维扩展、图片生成与结构化总结。A visual idea expansion and inspiration tool powered by LLM." /> <meta
<meta name="keywords" content="ThinkFlow AI, 思路扩展, 灵感激发, 视觉化思维, AI工具, 脑图, 创意辅助, Idea Expansion, Inspiration Tool, Visual Thinking, AI Tools, Mind Map, Creative Assistant" /> name="description"
content="ThinkFlow AI - 基于大语言模型的视觉化思路扩展与灵感激发工具。通过图形化界面深度挖掘创意，支持多维扩展、图片生成与结构化总结。A visual idea expansion and inspiration tool powered by LLM."
/>
<meta
name="keywords"
content="ThinkFlow AI, 思路扩展, 灵感激发, 视觉化思维, AI工具, 脑图, 创意辅助, Idea Expansion, Inspiration Tool, Visual Thinking, AI Tools, Mind Map, Creative Assistant"
/>
<meta name="author" content="Liuziting" /> <meta name="author" content="Liuziting" />
<!-- Open Graph / Facebook --> <!-- Open Graph / Facebook -->
@@ -14,24 +20,29 @@
<meta property="og:url" content="https://github.com/liu-ziting/ThinkFlowAI" /> <meta property="og:url" content="https://github.com/liu-ziting/ThinkFlowAI" />
<meta property="og:title" content="ThinkFlow AI - Visual Idea Expansion Tool" /> <meta property="og:title" content="ThinkFlow AI - Visual Idea Expansion Tool" />
<meta property="og:description" content="A visual idea expansion and inspiration tool powered by LLM. 基于大模型的视觉化思路扩展与灵感激发工具。" /> <meta property="og:description" content="A visual idea expansion and inspiration tool powered by LLM. 基于大模型的视觉化思路扩展与灵感激发工具。" />
<meta property="og:image" content="/vite.svg" />
<!-- Twitter --> <!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" /> <meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://github.com/liu-ziting/ThinkFlowAI" /> <meta property="twitter:url" content="https://github.com/liu-ziting/ThinkFlowAI" />
<meta property="twitter:title" content="ThinkFlow AI - Visual Idea Expansion Tool" /> <meta property="twitter:title" content="ThinkFlow AI - Visual Idea Expansion Tool" />
<meta property="twitter:description" content="A visual idea expansion and inspiration tool powered by LLM. 基于大模型的视觉化思路扩展与灵感激发工具。" /> <meta property="twitter:description" content="A visual idea expansion and inspiration tool powered by LLM. 基于大模型的视觉化思路扩展与灵感激发工具。" />
<meta property="twitter:image" content="/vite.svg" />
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>
<script type="module" src="/src/main.ts"></script> <script type="module" src="/src/main.ts"></script>
<script type="text/javascript"> <script type="text/javascript">
(function(c,l,a,r,i,t,y){ ;(function (c, l, a, r, i, t, y) {
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; c[a] =
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; c[a] ||
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); function () {
})(window, document, "clarity", "script", "v4wwefc38i"); ;(c[a].q = c[a].q || []).push(arguments)
}
t = l.createElement(r)
t.async = 1
t.src = 'https://www.clarity.ms/tag/' + i
y = l.getElementsByTagName(r)[0]
y.parentNode.insertBefore(t, y)
})(window, document, 'clarity', 'script', 'v4wwefc38i')
</script> </script>
</body> </body>
</html> </html>

BIN
public/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 308 KiB

2
src/components/BottomBar.vue
View File

@@ -32,7 +32,7 @@ const emit = defineEmits<{
</script> </script>
<template> <template>
<div class="fixed bottom-6 md:bottom-8 left-1/2 -translate-x-1/2 z-50 flex flex-col items-center gap-4 w-full max-w-2xl px-4 md:px-6"> <div class="fixed bottom-4 md:bottom-6 left-1/2 -translate-x-1/2 z-50 flex flex-col items-center gap-4 w-full max-w-2xl px-4 md:px-6">
<div class="flex items-center gap-2 md:gap-3 w-full"> <div class="flex items-center gap-2 md:gap-3 w-full">
<div <div
class="flex-grow flex items-center gap-2 md:gap-4 bg-slate-50 border border-slate-200 rounded-xl md:rounded-2xl px-3 md:px-5 py-2 md:py-3 focus-within:bg-white focus-within:shadow-xl focus-within:shadow-slate-100 transition-all" class="flex-grow flex items-center gap-2 md:gap-4 bg-slate-50 border border-slate-200 rounded-xl md:rounded-2xl px-3 md:px-5 py-2 md:py-3 focus-within:bg-white focus-within:shadow-xl focus-within:shadow-slate-100 transition-all"

2
src/components/SettingsModal.vue
View File

@@ -47,7 +47,7 @@ const emit = defineEmits<{
</button> </button>
</div> </div>
<div class="p-8 space-y-8 max-h-[70vh] overflow-y-auto custom-scrollbar"> <div class="p-8 py-4 space-y-8 max-h-[70vh] overflow-y-auto custom-scrollbar">
<div class="flex p-1.5 bg-slate-100 rounded-2xl w-fit"> <div class="flex p-1.5 bg-slate-100 rounded-2xl w-fit">
<button <button
@click="props.apiConfig.mode = 'default'" @click="props.apiConfig.mode = 'default'"