From 0c4de43358c712368c82de7dcaa69ef9bb0f55f0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=87=91=E7=A6=85?= <mark.ck@alibaba-inc.com>
Date: Tue, 1 Sep 2020 19:11:09 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=AE=B9=E5=99=A8=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=E4=BC=A0=E5=85=A5=20placeholder=20=E5=92=8C?=
 =?UTF-8?q?=E5=AF=B9=E5=BA=94=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../react-simulator-renderer/src/renderer-view.tsx   | 12 +-----------
 packages/react-simulator-renderer/src/renderer.less  | 10 ++++++++++
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/packages/react-simulator-renderer/src/renderer-view.tsx b/packages/react-simulator-renderer/src/renderer-view.tsx
index c5931929f..92186d9d3 100644
--- a/packages/react-simulator-renderer/src/renderer-view.tsx
+++ b/packages/react-simulator-renderer/src/renderer-view.tsx
@@ -117,17 +117,7 @@ class Renderer extends Component<{ renderer: SimulatorRenderer }> {
             (!viewProps.style || Object.keys(viewProps.style).length === 0)
           ) {
             children = (
-              <div
-                style={{
-                  height:'44px',
-                  lineHeight:'44px',
-                  backgroundColor: '#f0f0f0',
-                  borderColor: '#a7b1bd',
-                  border: '1px dotted',
-                  color: '#a7b1bd',
-                  textAlign: 'center'
-                }}
-              >
+              <div className="container-placeholder" style={viewProps.placeholderStyle}>
                 {viewProps.placeholder || '拖拽组件或模板到这里'}
               </div>
             );
diff --git a/packages/react-simulator-renderer/src/renderer.less b/packages/react-simulator-renderer/src/renderer.less
index 76d83aacf..d7da4f61a 100644
--- a/packages/react-simulator-renderer/src/renderer.less
+++ b/packages/react-simulator-renderer/src/renderer.less
@@ -105,3 +105,13 @@ body.engine-document {
 #app {
   height: 100vh;
 }
+
+.container-placeholder {
+  height: 44px;
+  line-height: 44px;
+  background-color: #f0f0f0;
+  border-color: #a7b1bd;
+  border: 1px dotted;
+  color: #a7b1bd;
+  text-align: center;
+}
\ No newline at end of file