Переглянути джерело

fix:横向排列样式更改

magic v 5 роки тому
батько
коміт
8b5201da90

+ 2 - 2
src/pages/FormVolume/Layout1/index.vue

@@ -21,7 +21,7 @@
             :direction="item.layout_inline === 2 ? 'vertical' : 'horizontal'"
             v-if="item.type === 'radio'">
             <van-radio
-              :class="{ vertical: item.layout_inline === 2 }"
+              :class="{ vertical: item.layout_inline === 2, horizontal: item.layout_inline === 1 }"
               :name="it.title" v-for="(it, itIndex) in item.content" 
               :key="itIndex">{{ it.title }}</van-radio>
           </van-radio-group>
@@ -31,7 +31,7 @@
             :max="item.max" 
             v-if="item.type === 'checkbox'">
             <van-checkbox 
-              :class="{ vertical: item.layout_inline === 2 }"
+              :class="{ vertical: item.layout_inline === 2, horizontal: item.layout_inline === 1 }"
               :name="it.title" 
               v-for="(it, itIndex) in item.content" 
               :key="itIndex" 

+ 3 - 3
src/pages/FormVolume/Layout1/style.scss

@@ -36,9 +36,9 @@
       }
       .vertical {
         margin-bottom: $sp-sm;
-        &:last-child {
-          margin-bottom: 0;
-        }
+      }
+      .horizontal {
+        margin-bottom: $sp-sm;
       }
       > div {
         padding-top: $sp-lg;

+ 2 - 2
src/pages/FormVolume/Layout2/index.vue

@@ -28,7 +28,7 @@
             :direction="item.layout_inline === 2 ? 'vertical' : 'horizontal'"
             v-if="item.type === 'radio'">
             <van-radio
-              :class="{ vertical: item.layout_inline === 2 }"
+              :class="{ vertical: item.layout_inline === 2, horizontal: item.layout_inline === 1 }"
               :name="it.title" v-for="(it, itIndex) in item.content" 
               :key="itIndex">{{ it.title }}</van-radio>
           </van-radio-group>
@@ -38,7 +38,7 @@
             :max="item.max" 
             v-if="item.type === 'checkbox'">
             <van-checkbox 
-              :class="{ vertical: item.layout_inline === 2 }"
+              :class="{ vertical: item.layout_inline === 2, horizontal: item.layout_inline === 1 }"
               :name="it.title" 
               v-for="(it, itIndex) in item.content" 
               :key="itIndex" 

+ 3 - 3
src/pages/FormVolume/Layout2/style.scss

@@ -81,9 +81,9 @@
       }
       .vertical {
         margin-bottom: $sp-sm;
-        &:last-child {
-          margin-bottom: 0;
-        }
+      }
+      .horizontal {
+        margin-bottom: $sp-sm;
       }
       > div {
         padding-top: $sp-lg;