klinsmaya/SQLBot
1
0
Fork 0
mirror of https://gh-proxy.org/https://github.com/klinsmaya/SQLBot.git synced 2026-11-08 09:17:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: Assistant style

Browse Source
This commit is contained in:
fit2cloud-chenyw
2025-07-25 18:32:48 +08:00
parent b42aaef1d6
commit 8e1293d6e9
1 changed files with 33 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/public/assistant.js
+33 -2
View File
@@ -34,7 +34,34 @@
const chatButtonHtml = (data) => `
<div class="sqlbot-assistant-chat-button">
<img style="height:100%;width:100%;" src="${data.float_icon}">
<img style="height:100%;width:100%;display:none;" src="${data.float_icon}">
<svg style="display:none;margin-right: 20px;" data-v-39a51454="" xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none">
<path fill="#149CC5" d="M28.333 13.669h-.231c.138.758.207 1.527.206 2.298.005.946-.107 1.89-.335 2.808h.65a1.05 1.05 0 0 0 1.05-1.05V15.01a1.343 1.343 0 0 0-1.34-1.341"></path>
<path fill="#69CAA4" d="M1.692 15.967c0-.77.068-1.54.206-2.298h-.23a1.34 1.34 0 0 0-1.342 1.34v2.716a1.05 1.05 0 0 0 1.05 1.05h.651a11.4 11.4 0 0 1-.335-2.808"></path>
<path fill="url(#a)" d="M15 3.795c-6.89 0-12.474 5.282-12.474 12.171 0 6.89 5.585 10.239 12.474 10.239s12.474-3.35 12.474-10.238c0-6.89-5.585-12.172-12.474-12.172m3.026 17.33h-6.052a6 6 0 0 1-2.484-.535c-.564-.256-2.208.282-2.663-.127-.551-.495.117-1.969-.221-2.636a6.014 6.014 0 0 1 5.368-8.73h6.052a6.014 6.014 0 0 1 0 12.029"></path>
<path fill="url(#b)" d="M15 3.795c-6.89 0-12.474 5.282-12.474 12.171 0 6.89 5.585 10.239 12.474 10.239s12.474-3.35 12.474-10.238c0-6.89-5.585-12.172-12.474-12.172m3.026 17.33h-6.052a6 6 0 0 1-2.484-.535c-.564-.256-2.208.282-2.663-.127-.551-.495.117-1.969-.221-2.636a6.014 6.014 0 0 1 5.368-8.73h6.052a6.014 6.014 0 0 1 0 12.029"></path>
<path fill="#75CCCC" d="M10.546 14.915h-1.78v3.88h1.78zM14.12 13.193h-1.78v5.602h1.78zM17.694 15.438h-1.78v3.357h1.78zM21.233 12.452h-1.779v6.343h1.78z"></path>
<defs>
<linearGradient id="a" x1="6.65" x2="25.099" y1="4.441" y2="29.249" gradientUnits="userSpaceOnUse">
<stop stop-color="#B2F288"></stop>
<stop offset=".181" stop-color="#80D79C"></stop>
<stop offset=".371" stop-color="#52BEAD"></stop>
<stop offset=".554" stop-color="#2FAABB"></stop>
<stop offset=".724" stop-color="#159CC5"></stop>
<stop offset=".878" stop-color="#0594CB"></stop>
<stop offset="1" stop-color="#0091CD"></stop>
</linearGradient>
<linearGradient id="b" x1="6.65" x2="25.099" y1="4.441" y2="29.249" gradientUnits="userSpaceOnUse">
<stop stop-color="#B2F288"></stop>
<stop offset=".181" stop-color="#80D79C"></stop>
<stop offset=".371" stop-color="#52BEAD"></stop>
<stop offset=".554" stop-color="#2FAABB"></stop>
<stop offset=".724" stop-color="#159CC5"></stop>
<stop offset=".878" stop-color="#0594CB"></stop>
<stop offset="1" stop-color="#0091CD"></stop>
</linearGradient>
</defs>
</svg>
</div>`
const getChatContainerHtml = (data) => {
@@ -83,7 +110,11 @@
root.insertAdjacentHTML('beforeend', getChatContainerHtml(data))
// 按钮元素
const chat_button = root.querySelector('.sqlbot-assistant-chat-button')
const chat_button_img = root.querySelector('.sqlbot-assistant-chat-button > img')
let chat_button_img = root.querySelector('.sqlbot-assistant-chat-button > svg')
if (data.float_icon) {
chat_button_img = root.querySelector('.sqlbot-assistant-chat-button > img')
}
chat_button_img.style.display = 'block'
// 对话框元素
const chat_container = root.querySelector('#sqlbot-assistant-chat-container')
// 引导层