feat: 拖拽布局-优化问题

flex-api
lichaojun 1 month ago
parent 77c8aceb99
commit 049bb060ac

@ -26,12 +26,12 @@
</head> </head>
<body> <body>
<div id="app"> <div id="app">
<div id="header"> <!-- <div id="header">
<h1>可视化布局编辑器</h1> <h1>可视化布局编辑器</h1>
<div class="header-actions"> <div class="header-actions">
<span>拖拽组件到画布区域</span> <span>拖拽组件到画布区域</span>
</div> </div>
</div> </div> -->
<div id="main"> <div id="main">
<!-- 组件列表 --> <!-- 组件列表 -->
<div id="components-panel"> <div id="components-panel">

@ -184,7 +184,7 @@
var clearOldFocusStyle = function () { var clearOldFocusStyle = function () {
if (currentComponent && !isScreen(currentComponent.type)) { if (currentComponent && !isScreen(currentComponent.type)) {
let el = $(currentComponent.el).find('.grid-stack-item-content'); let el = $(currentComponent.el).find('.grid-stack-item-content');
el.css('background', ''); el.css('background', 'none');
if (currentComponent.image) { if (currentComponent.image) {
el.find('img').attr('src', currentComponent.image); el.find('img').attr('src', currentComponent.image);
} }

@ -19,9 +19,9 @@
</head> </head>
<body> <body>
<div id="app"> <div id="app">
<div id="header"> <!-- <div id="header">
<h1>模板列表</h1> <h1>模板列表</h1>
</div> </div> -->
<div id="main"> <div id="main">
<div id="list-panel"></div> <div id="list-panel"></div>
</div> </div>

Loading…
Cancel
Save