页面设计搜索框支持吸顶

src/views/page/modules/editor/Editor.vue

@@ -70,6 +70,16 @@
                 <span class="label">提示文字</span>
                 <a-input v-model="curItem.params.placeholder" />
               </div>
+              <div class="block-item">
+                <span class="label">吸顶规则</span>
+                <a-radio-group buttonStyle="solid" v-model="curItem.params.sticky">
+                  <a-radio-button :value="false">不吸顶</a-radio-button>
+                  <a-radio-button :value="true">到顶部时吸顶</a-radio-button>
+                </a-radio-group>
+              </div>
+              <div class="block-item tips">
+                <div class="tips">滚动至页面顶部时固定</div>
+              </div>
             </div>
           </a-tab-pane>
           <a-tab-pane key="2" tab="样式设置">

src/views/page/modules/editor/style.less

@@ -8,7 +8,7 @@
 // 编辑器
 .editor {
   min-width: 370px;
-  padding: 10px 15px 20px 15px;
+  padding: 10px 15px;
   background: #f8f9fa;
   height: 100%;
   overflow-y: auto;
@@ -123,10 +123,14 @@
         }
       }
 
-      .tips {
-        margin-top: 5px;
-        font-size: 12px;
-        color: #9797a1;
+      // 单独作为tips容器使用
+      &.tips {
+        margin-top: -15px;
+        text-align: right;
+
+        .tips {
+          flex: 1;
+        }
       }
 
       &-common {
@@ -149,6 +153,13 @@
       }
 
     }
+
+    .tips {
+      margin-top: 5px;
+      font-size: 12px;
+      color: #9797a1;
+    }
+
   }
 
 }
@@ -231,6 +242,7 @@
 // 新增数据
 .data-add {
   margin-top: 10px;
+  margin-bottom: 10px;
 
   button {
     width: 100%;