whj 1 年之前
父節點
當前提交
e6d089eb51
共有 3 個文件被更改,包括 17 次插入2 次删除
  1. 1 1
      src/views/test/modules/Component.vue
  2. 15 0
      src/views/test/modules/Detail.vue
  3. 1 1
      src/views/test/modules/components.js

+ 1 - 1
src/views/test/modules/Component.vue

@@ -18,7 +18,7 @@
       <!-- 图片上传 -->
     </a-form-item>
     <!-- 分割线 -->
-    <a-divider v-if="detail.type==='divider'">
+    <a-divider v-bind="detail.attrs" v-if="detail.type==='divider'">
       <template v-if="detail.label">
         {{ detail.label }}
       </template>

+ 15 - 0
src/views/test/modules/Detail.vue

@@ -22,6 +22,21 @@
           <a-input v-model="model.attrs.placeholder" />
         </a-form-item>
       </template>
+      <template v-else>
+        <a-form-item label="布局">
+          <a-radio-group name="radioGroup" v-model="model.attrs.orientation">
+            <a-radio value="left">
+              左边
+            </a-radio>
+            <a-radio value="center">
+              中间
+            </a-radio>
+            <a-radio value="right">
+              右边
+            </a-radio>
+          </a-radio-group>
+        </a-form-item>
+      </template>
       <!-- 数字输入框 -->
       <template v-if="model.type === 'number'">
         <a-form-item label="最小值">

+ 1 - 1
src/views/test/modules/components.js

@@ -109,7 +109,7 @@ export const componentList = [
     required: true,
     label: '分割线',
     attrs: {
-      placeholder: '请输入'
+      orientation: 'center'
     }
   }
 ]