feat: 拖拽布局-返回按钮

flex-api
LCJ-MinYa 2 weeks ago
parent a459dfe4aa
commit 3c45c4280f

@ -171,7 +171,8 @@ html {
justify-content: center; justify-content: center;
} }
#canvas-tabs { #canvas-tabs,
#go-back {
position: absolute; position: absolute;
top: 20px; top: 20px;
left: 50%; left: 50%;
@ -185,6 +186,12 @@ html {
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
} }
#go-back {
left: 60px;
background-color: unset;
box-shadow: unset;
}
.tab-button { .tab-button {
padding: 8px 15px; padding: 8px 15px;
border: none; border: none;

@ -71,6 +71,9 @@
</div> </div>
<!-- 画布容器 --> <!-- 画布容器 -->
<div id="canvas-panel"> <div id="canvas-panel">
<div id="go-back">
<button class="tab-button active"><</button>
</div>
<div id="canvas-tabs"> <div id="canvas-tabs">
<button <button
class="tab-button active" class="tab-button active"

@ -580,6 +580,10 @@
currentComponent = null; currentComponent = null;
hidePropsPanel(); hidePropsPanel();
}); });
$('#go-back .tab-button').on('click', function () {
window.history.back();
});
}; };
// 抽取校验函数 // 抽取校验函数

Loading…
Cancel
Save