feat: 修复slider 报错, 添加未选中组件边框

Jogiter · Jan 20, 2020 · 4a6d05e · 4a6d05e
1 parent 53e8415
commit 4a6d05e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/styles/homeScoped.scss b/src/styles/homeScoped.scss
@@ -167,6 +167,9 @@ $selectedColor: #f6f7ff;
 .drawing-item {
   position: relative;
   cursor: move;
+  &:not(.activeFromItem) > div:first-child  {
+    border: 1px dashed #ccc;
+  }
   .el-form-item{
     padding: 12px 10px;
   }

diff --git a/src/views/index/RightPanel.vue b/src/views/index/RightPanel.vue
@@ -27,7 +27,7 @@
             <el-input v-model="activeData['end-placeholder']" placeholder="请输入占位提示" />
           </el-form-item>
           <el-form-item label="表单栅格">
-            <el-slider :max='24' :min="1" v-model="activeData.span" @change="spanChange" :marks="{12:12}"/>
+            <el-slider :max='24' :min="1" v-model="activeData.span" @change="spanChange" :marks="{12:'12'}"/>
           </el-form-item>
           <el-form-item label="标签宽度">
             <el-input type="number" v-model.number="activeData.labelWidth" placeholder="请输入标签宽度" />
@@ -350,6 +350,9 @@
           <el-form-item label="表单按钮">
             <el-switch v-model="formConf.formBtns" />
           </el-form-item>
+          <el-form-item label="显示未选中组件边框">
+            <el-switch v-model="formConf.unFocusedComponentBorder" />
+          </el-form-item>
         </el-form>
       </el-scrollbar>
     </div>