vue (九) element控件篇

文章已参与[新人创作礼]活动，一起开启掘金创作之路.

微信公众号：秀基宝。如有问题，请后台留言，反正我也不会听。

我们是使用element组件，最近发现组件不适合我们需求，我们做了改动 1、el-radio纵向摆置，设置driver边距 如图：

代码如下：

<el-form-item
          ref="oneForm"
          prop="materialNum"
          class="stepOneDiv"
        >
          <div slot="label" class="receipt-step-one-slot">{{ $t('wms.receipt.chooseCreateType') }}</div>
          <div>
            <el-radio v-model="isRadio" label="1">{{ $t('wms.receipt.purchOrder') }}</el-radio>
            <el-divider class="receipt-step-one-divider" />
            <el-radio v-model="isRadio" label="2">{{ $t('wms.receipt.transferOrder') }}</el-radio>
            <el-divider class="receipt-step-one-divider" />
            <el-radio v-model="isRadio" label="3">{{ $t('wms.receipt.hander') }}</el-radio>
          </div>
        </el-form-item>

css

.receipt-step-one-divider{
    margin-bottom: 5px ;
    margin-top: 5px;
  }
  .receipt-step-one-slot{
    margin-top: 50%;
  }