tyle:修改了聊天面板的样式及删除了用户反馈和web端的跳转
This commit is contained in:
@ -34,14 +34,6 @@ export function getExampleShowcaseContent(): string {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="web-link">
|
|
||||||
<a href="https://iccoder.com" target="_blank" class="web-link-button">
|
|
||||||
<span class="link-icon">🌐</span>
|
|
||||||
<span>IC Coder Web端</span>
|
|
||||||
<span class="link-arrow">→</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
`;
|
`;
|
||||||
}
|
}
|
||||||
@ -165,41 +157,6 @@ export function getExampleShowcaseStyles(): string {
|
|||||||
-webkit-box-orient: vertical;
|
-webkit-box-orient: vertical;
|
||||||
}
|
}
|
||||||
|
|
||||||
.web-link {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
padding-top: 20px;
|
|
||||||
border-top: 1px solid var(--vscode-panel-border);
|
|
||||||
margin-top: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.web-link-button {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 8px;
|
|
||||||
padding: 10px 20px;
|
|
||||||
background: transparent;
|
|
||||||
border: none;
|
|
||||||
text-decoration: none;
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: 600;
|
|
||||||
transition: all 0.2s ease;
|
|
||||||
background: linear-gradient(135deg, #4facfe 0%, #00f2fe 50%, #a855f7 100%);
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
background-clip: text;
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.web-link-button:focus {
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.web-link-button:hover {
|
|
||||||
transform: translateY(-1px);
|
|
||||||
opacity: 0.8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.link-icon {
|
.link-icon {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
@ -208,10 +165,6 @@ export function getExampleShowcaseStyles(): string {
|
|||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
transition: transform 0.2s ease;
|
transition: transform 0.2s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.web-link-button:hover .link-arrow {
|
|
||||||
transform: translateX(3px);
|
|
||||||
}
|
|
||||||
`;
|
`;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
/**
|
/**
|
||||||
* 更多选项组件
|
* 更多选项组件
|
||||||
* 包含用户手册和用户反馈入口
|
* 包含用户手册入口
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -28,40 +28,10 @@ export function getMoreOptionsComponentContent(): string {
|
|||||||
<div class="option-desc">查看使用文档和帮助</div>
|
<div class="option-desc">查看使用文档和帮助</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="more-option-item" id="userFeedbackOption">
|
|
||||||
<div class="option-icon">
|
|
||||||
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 12h-2v-2h2v2zm0-4h-2V6h2v4z" fill="currentColor"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<div class="option-text">
|
|
||||||
<div class="option-label">用户反馈</div>
|
|
||||||
<div class="option-desc">提交问题和建议</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 用户反馈二维码弹窗 -->
|
|
||||||
<div class="feedback-qrcode-modal" id="feedbackQRCodeModal">
|
|
||||||
<div class="feedback-qrcode-overlay" onclick="closeFeedbackQRCode()"></div>
|
|
||||||
<div class="feedback-qrcode-content">
|
|
||||||
<div class="feedback-qrcode-header">
|
|
||||||
<span class="feedback-qrcode-title">用户反馈</span>
|
|
||||||
<button class="feedback-qrcode-close" onclick="closeFeedbackQRCode()">
|
|
||||||
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" fill="currentColor"/>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="feedback-qrcode-body">
|
|
||||||
<img class="feedback-qrcode-image" id="feedbackQRCodeImage" alt="微信二维码" />
|
|
||||||
<p class="feedback-qrcode-text">扫描二维码添加微信反馈</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
`;
|
`;
|
||||||
}
|
}
|
||||||
@ -163,125 +133,6 @@ export function getMoreOptionsComponentStyles(): string {
|
|||||||
.option-desc {
|
.option-desc {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 用户反馈二维码弹窗 */
|
|
||||||
.feedback-qrcode-modal {
|
|
||||||
display: none;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
z-index: 20000;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.feedback-qrcode-modal.active {
|
|
||||||
display: flex;
|
|
||||||
animation: fadeIn 0.2s ease-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes fadeIn {
|
|
||||||
from {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
to {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.feedback-qrcode-overlay {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
background: rgba(0, 0, 0, 0.6);
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.feedback-qrcode-content {
|
|
||||||
position: relative;
|
|
||||||
background: var(--vscode-editor-background);
|
|
||||||
border: 1px solid var(--vscode-widget-border);
|
|
||||||
border-radius: 8px;
|
|
||||||
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
|
|
||||||
max-width: 400px;
|
|
||||||
width: 90%;
|
|
||||||
animation: slideUp 0.2s ease-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes slideUp {
|
|
||||||
from {
|
|
||||||
opacity: 0;
|
|
||||||
transform: translateY(20px);
|
|
||||||
}
|
|
||||||
to {
|
|
||||||
opacity: 1;
|
|
||||||
transform: translateY(0);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.feedback-qrcode-header {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
padding: 16px 20px;
|
|
||||||
border-bottom: 1px solid var(--vscode-widget-border);
|
|
||||||
}
|
|
||||||
|
|
||||||
.feedback-qrcode-title {
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: 600;
|
|
||||||
color: var(--vscode-foreground);
|
|
||||||
}
|
|
||||||
|
|
||||||
.feedback-qrcode-close {
|
|
||||||
width: 28px;
|
|
||||||
height: 28px;
|
|
||||||
padding: 0;
|
|
||||||
background: transparent;
|
|
||||||
border: none;
|
|
||||||
border-radius: 4px;
|
|
||||||
cursor: pointer;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
transition: background 0.15s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.feedback-qrcode-close:hover {
|
|
||||||
background: var(--vscode-toolbar-hoverBackground);
|
|
||||||
}
|
|
||||||
|
|
||||||
.feedback-qrcode-close svg {
|
|
||||||
width: 16px;
|
|
||||||
height: 16px;
|
|
||||||
color: var(--vscode-foreground);
|
|
||||||
}
|
|
||||||
|
|
||||||
.feedback-qrcode-body {
|
|
||||||
padding: 24px;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
gap: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.feedback-qrcode-image {
|
|
||||||
width: 200px;
|
|
||||||
height: 200px;
|
|
||||||
border: 1px solid var(--vscode-widget-border);
|
|
||||||
border-radius: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.feedback-qrcode-text {
|
|
||||||
margin: 0;
|
|
||||||
font-size: 13px;
|
|
||||||
color: var(--vscode-descriptionForeground);
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
`;
|
`;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -331,29 +182,6 @@ export function getMoreOptionsComponentScript(): string {
|
|||||||
closeMoreOptionsDropdown();
|
closeMoreOptionsDropdown();
|
||||||
}
|
}
|
||||||
|
|
||||||
// 打开用户反馈
|
|
||||||
function openUserFeedback() {
|
|
||||||
console.log('打开用户反馈');
|
|
||||||
vscode.postMessage({ command: 'openUserFeedback' });
|
|
||||||
closeMoreOptionsDropdown();
|
|
||||||
}
|
|
||||||
|
|
||||||
// 显示用户反馈二维码弹窗
|
|
||||||
function showFeedbackQRCode() {
|
|
||||||
const modal = document.getElementById('feedbackQRCodeModal');
|
|
||||||
if (modal) {
|
|
||||||
modal.classList.add('active');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 关闭用户反馈二维码弹窗
|
|
||||||
function closeFeedbackQRCode() {
|
|
||||||
const modal = document.getElementById('feedbackQRCodeModal');
|
|
||||||
if (modal) {
|
|
||||||
modal.classList.remove('active');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 绑定更多选项事件
|
// 绑定更多选项事件
|
||||||
document.addEventListener('DOMContentLoaded', () => {
|
document.addEventListener('DOMContentLoaded', () => {
|
||||||
// 绑定用户手册选项
|
// 绑定用户手册选项
|
||||||
@ -362,12 +190,6 @@ export function getMoreOptionsComponentScript(): string {
|
|||||||
userManualOption.addEventListener('click', openUserManual);
|
userManualOption.addEventListener('click', openUserManual);
|
||||||
}
|
}
|
||||||
|
|
||||||
// 绑定用户反馈选项
|
|
||||||
const userFeedbackOption = document.getElementById('userFeedbackOption');
|
|
||||||
if (userFeedbackOption) {
|
|
||||||
userFeedbackOption.addEventListener('click', openUserFeedback);
|
|
||||||
}
|
|
||||||
|
|
||||||
// 点击页面其他地方关闭下拉面板
|
// 点击页面其他地方关闭下拉面板
|
||||||
document.addEventListener('click', (e) => {
|
document.addEventListener('click', (e) => {
|
||||||
const dropdown = document.getElementById('moreOptionsDropdown');
|
const dropdown = document.getElementById('moreOptionsDropdown');
|
||||||
|
|||||||
@ -488,13 +488,17 @@ export function getWebviewContent(
|
|||||||
${getNdtWelcomeModalContent(logoUri)}
|
${getNdtWelcomeModalContent(logoUri)}
|
||||||
${getExpiredModalContent(logoUri)}
|
${getExpiredModalContent(logoUri)}
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<div style="display: flex; align-items: center; justify-content: center;">
|
<div style="display: flex; align-items: flex-end; justify-content: center">
|
||||||
<img src="${logoUri}" alt="IC Coder" style="max-width: 100%; height: auto; max-height: 80px;" />
|
<img src="${logoUri}" alt="IC Coder" style="max-width: 100%; height: auto; max-height: 80px;" />
|
||||||
|
<span style="font-size: 23px; font-weight: bold; background: linear-gradient(to bottom, #b2e4ff, #42bcff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 0 0 14px -16px;">企业版</span>
|
||||||
</div>
|
</div>
|
||||||
<p style="font-size: 16px; margin-top: 12px; line-height: 1.5;">
|
<p style="font-size: 16px; margin-top: 8px; line-height: 1.5;">
|
||||||
The <span style="background: linear-gradient(to right, #42bcff, #4A9EFF); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold;">Agentic AI</span> Verilog Coding Platform,
|
The <span style="background: linear-gradient(to right, #42bcff, #4A9EFF); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold;">Agentic AI</span> Verilog Coding Platform
|
||||||
<span style="display: block; margin-top: 8px;">将芯片设计与验证的效率提升至少20倍!</span>
|
<span style="display: block; margin-top: 8px;">将FPGA研发效率提升至少20倍!</span>
|
||||||
</p>
|
</p>
|
||||||
|
<div style="margin-top: 16px; padding: 8px 20px; background: linear-gradient(135deg, rgba(255, 215, 0, 0.15), rgba(255, 165, 0, 0.15)); border: 1px solid rgba(255, 215, 0, 0.3); border-radius: 6px;">
|
||||||
|
<p style="font-size: 13px; margin: 0; background: linear-gradient(135deg, #FFD700, #FFA500); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 600; letter-spacing: 1px;">宁德时代专属定制版</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="chat-container">
|
<div class="chat-container">
|
||||||
|
|||||||
Reference in New Issue
Block a user