diff --git a/media/IC Coder主页标志.png b/media/ICCoder主页标志.png similarity index 100% rename from media/IC Coder主页标志.png rename to media/ICCoder主页标志.png diff --git a/src/extension.ts b/src/extension.ts index a269c57..9704415 100644 --- a/src/extension.ts +++ b/src/extension.ts @@ -22,7 +22,7 @@ export function activate(context: vscode.ExtensionContext) { ); // 注册侧边栏视图 - const viewProvider = new ICViewProvider(); + const viewProvider = new ICViewProvider(context.extensionUri); const viewRegistration = vscode.window.registerWebviewViewProvider( "ic-coder.mainView", viewProvider diff --git a/src/views/ICViewProvider.ts b/src/views/ICViewProvider.ts index d8be605..287e2f3 100644 --- a/src/views/ICViewProvider.ts +++ b/src/views/ICViewProvider.ts @@ -4,12 +4,15 @@ import * as vscode from "vscode"; * 侧边栏视图提供者 */ export class ICViewProvider implements vscode.WebviewViewProvider { + constructor(private readonly extensionUri: vscode.Uri) {} + resolveWebviewView(webviewView: vscode.WebviewView) { webviewView.webview.options = { enableScripts: true, + localResourceRoots: [vscode.Uri.joinPath(this.extensionUri, "media")], }; - webviewView.webview.html = this.getWebviewContent(); + webviewView.webview.html = this.getWebviewContent(webviewView.webview); // 处理侧边栏的消息 webviewView.webview.onDidReceiveMessage((message) => { @@ -19,19 +22,46 @@ export class ICViewProvider implements vscode.WebviewViewProvider { }); } - private getWebviewContent(): string { + private getWebviewContent(webview: vscode.Webview): string { + const logoUri = webview.asWebviewUri( + vscode.Uri.joinPath(this.extensionUri, "media", "ICCoder主页标志.png") + ); + return ` - - -
-

快速生成

- - - +
+ IC Coder +

欢迎使用 IC Coder

+