按钮与列表分开div

app/studio/plugin/system_layout/gui.html

@@ -25,7 +25,17 @@
 				<use xlink:href="svg/icon.svg#ic_add"></use>
 			</svg>
 		</p>
-		<div id="layout_channel" class="submenu_details"></div>
+		<div id="layout_channel" class="submenu_details">
+			<div>
+				<button onclick='renderChannelList()'>
+				<svg class='icon' style='fill: var(--box-bg-color1)'>
+				<use xlink:href='../../node_modules/bootstrap-icons/bootstrap-icons.svg#arrow-clockwise'>
+				</svg>
+				<?php echo $_local->gui->refresh; ?>
+				</button>
+			</div>
+			<div id="layout_channel_innter"></div>
+		</div>
 	</div>
 	<!--end of sandhi-->
 

app/studio/plugin/system_layout/module_function.js

@@ -291,14 +291,6 @@ function channelDisplayAll(obj) {
 
 function renderChannelList(){
 	let html ="";
-	html += "<div>";
-	html +="<button onclick='renderChannelList()'>";
-	html += "<svg class='icon' style='fill: var(--box-bg-color1)'>";
-	html += "<use xlink:href='../../node_modules/bootstrap-icons/bootstrap-icons.svg#arrow-clockwise'>";
-	html += "</svg>" ;
-	html += gLocal.gui.refresh;
-	html +="</button>";
-	html +="</div>";
 	html += "<input type='checkbox' id='layout_channel_display_all' checked channel_id='-1' onclick=\"channelDisplayAll(this)\" />全选</li>"
 	html +="<ul id='layout_channel_display'>";
 	html += "<li><input type='checkbox' checked channel_id='0' onclick=\"channelDisplay(this)\" />其他</li>"
@@ -307,6 +299,6 @@ function renderChannelList(){
 			html += "<li><input type='checkbox' checked channel_id='"+iterator.id+"' onclick=\"channelDisplay(this)\" />"+iterator.name+"</li>"
 		}
 		html +="</ul>";
-		$("#layout_channel").html(html);
+		$("#layout_channel_innter").html(html);
 	}
 }