feat: 拖拽布局-放开多个布局

flex-api
lichaojun 1 month ago
parent 915115a8dd
commit 7953d45917

@ -5,6 +5,7 @@
- **html5** - **html5**
- **css3** - **css3**
- **javascript** - **javascript**
- **jquery**
## DOM结构 ## DOM结构
```html ```html

@ -72,10 +72,10 @@
id="main-screen" id="main-screen"
class="grid-stack" class="grid-stack"
></div> ></div>
<!-- <div <div
id="welcome-screen" id="welcome-screen"
class="grid-stack" class="grid-stack"
></div> --> ></div>
</div> </div>
<!-- 当前选中组件属性 --> <!-- 当前选中组件属性 -->
<div id="props-panel"> <div id="props-panel">

@ -420,17 +420,17 @@
$('.save-container').click(function () { $('.save-container').click(function () {
main.initData.children = main.grid.save(); main.initData.children = main.grid.save();
// welcome.initData.children = welcome.grid.save(); welcome.initData.children = welcome.grid.save();
console.log(main.initData); console.log(main.initData);
// console.log(welcome.initData); console.log(welcome.initData);
localStorage.setItem('mainData', JSON.stringify(conputedInitData('save', main))); localStorage.setItem('mainData', JSON.stringify(conputedInitData('save', main)));
// localStorage.setItem('welcomeData', JSON.stringify(conputedInitData('save', welcome))); localStorage.setItem('welcomeData', JSON.stringify(conputedInitData('save', welcome)));
}); });
/** 执行方法 */ /** 执行方法 */
$(function () { $(function () {
init('main', main); init('main', main);
// init('welcome', welcome); init('welcome', welcome);
// 调用绑定 // 调用绑定
bindComponentEvents(); bindComponentEvents();
}); });

Loading…
Cancel
Save