修改 安装向导界面4样式

src/vs/code/electron-sandbox/deploy/deployWindow-dev.html

@@ -123,19 +123,17 @@
 							</div>
 						</div>
 						<div class="tab" id="onlineInstallTab3">
-							<div class="installInfo1">
-								<pre><h2>开发场景</h2></pre>
-							</div>
-							<div class="devContent">
-								<form id="checkboxForm">
-								</form>
-
-								<div class="formSeparator"></div>
-
-								<!-- 输出文本框 -->
-								<div class="depOutputTextbox">
-									<pre id="depOutDesc" style="white-space: pre-wrap;"></pre>
-
+							<div class="sceneChooseInfo">
+								<div class="sceneChoosePanel">
+									<h2>开发场景</h2>
+									<form id="checkboxForm">
+										<script src="common.js"></script>
+										<!-- 复选框列表 -->
+									</form>
+								</div>
+								<div class="sceneChooseSeparator"></div>
+								<div class="depOutputTextbox sceneChooseOutput">
+									<div id="depOutDesc" style="white-space: pre-wrap;"></div>
 									<pre id="outputPre"></pre>
 								</div>
 							</div>

src/vs/code/electron-sandbox/deploy/deployWindowMain.ts

@@ -814,7 +814,7 @@ class deployWindow {
 		//循环创建并添加标签到表单中
 		firstClassVal.forEach(function (item) {
 			// 创建label元素
-			var label = document.createElement("label");
+			var label = document.createElement("div");
 			label.className = "scenarioSelection";
 
 			// 创建checkbox元素
@@ -832,7 +832,9 @@ class deployWindow {
 			}
 
 			// 创建label文本
-			var labelTextNode = document.createTextNode(" " + item.val);
+			var labelTextNode = document.createElement("label");
+			labelTextNode.setAttribute("for", item.key);
+			labelTextNode.innerHTML = item.val;
 
 			// 添加checkbox和label文本到label元素中
 			label.appendChild(checkbox);
@@ -945,15 +947,15 @@ class deployWindow {
 
 				ipcRenderer.send('kylinide.installWizard.msg.deplist', SelectedDatas);
 				if (this.depList.length > 0) {
-					formattedDoc = '<h2>软件列表：<span style="color: yellow; font-size: 12px;">请点击下一步输入密码安装以下软件</span></h2>';
+					formattedDoc = '<h2>软件列表：</h2>';
 				}
 				else
 					formattedDoc = '<h2>软件列表：</h2>';
 
-				formattedDoc += Object.values(this.depList).map(element => `<h4 style='font-size: 16px; line-height: 0.1;margin-left:20px;'>${element}</h4>`).join('');
+				formattedDoc += Object.values(this.depList).map(element => `<h4>${element}</h4>`).join('');
 
 				formattedDoc += '<h2>插件列表：</h2>';
-				formattedDoc += this.extList.map(element => `<h4 style='font-size: 16px; line-height: 0.1;margin-left:20px;'>${element}</h4>`).join('');
+				formattedDoc += this.extList.map(element => `<h4>${element}</h4>`).join('');
 
 				document.getElementById("outputPre")!.innerHTML = formattedDoc;
 			});