电子站牌项目

1、修改core/styles/props-config-panel.scss，添加.my-prop-panel .ant-collapse-content自定义样式，用于属性面板长度固定，可以滚动 2、修改core/editor/right-panel/props.js，修改a-collapse-panel定义，添加class="my-prop-panel" 3、修改core/editor/canvas/index.js，修改a-layout定义，添加style，用于控制中间页面作品定义长宽超出屏幕长宽，在layout容器内部滚动

电子站牌项目
1、修改core/styles/props-config-panel.scss，添加.my-prop-panel .ant-collapse-content自定义样式，用于属性面板长度固定，可以滚动 2、修改core/editor/right-panel/props.js，修改a-collapse-panel定义，添加class="my-prop-panel" 3、修改core/editor/canvas/index.js，修改a-layout定义，添加style，用于控制中间页面作品定义长宽超出屏幕长宽，在layout容器内部滚动
徐烜
1 parent d1158a43
Showing 5 changed files with 11 additions and 5 deletions
front-end/h5/src/components/core/editor/canvas/index.js
front-end/h5/src/components/core/editor/right-panel/props.js
front-end/h5/src/components/core/plugins/bsth/bsth-weather-realtime.js
front-end/h5/src/components/core/plugins/bsth/bsth-weather.css
front-end/h5/src/components/core/styles/props-config-panel.scss
@@ -46,7 +46,7 @@ export default {
   },
   render (h) {
     return (
-      <a-layout id="canvas-outer-wrapper">
+      <a-layout id="canvas-outer-wrapper" style="max-height: calc(100vh - 64px); overflow: auto;">
         <a-radio-group
           class="mode-toggle-wrapper"
           size="small"
@@ -188,7 +188,7 @@ export default {
               <BoxModelEditor />
             </a-collapse-panel>
             {/* #!zh: 属性设置 */}
-            <a-collapse-panel key="2" header={this.$t('editor.editPanel.common.ConfigProps')}>
+            <a-collapse-panel key="2" header={this.$t('editor.editPanel.common.ConfigProps')} class="my-prop-panel">
               <a-form
                 ref="form"
                 size="mini"
@@ -309,7 +309,7 @@ export default {
       }
  
       return (
-        <a-spin tip={this.initLoadingText} spinning={this.initLoading} size="large" wrapperClassName="myspin">
+        <a-spin tip={this.initLoadingText} spinning={this.initLoading} size="large" wrapperClassName="my-spin">
           <div style={weatherDivStyle}>
             <div>
               <div style={weatherCondStyle} class="cond">
@@ -54,6 +54,6 @@
     text-align: left;
 }
  
-.myspin .ant-spin-blur {
+.my-spin .ant-spin-blur {
     opacity: 0;
 }
@@ -2,4 +2,10 @@
   .ant-form-item {
     margin-bottom: 12px;
   }
-}
 \ No newline at end of file
+}
+
+/* 用于属性设置标签页内panel滚动 */
+.my-prop-panel .ant-collapse-content {
+  max-height: calc(100vh - 235px);
+  overflow: auto;
+}