我们是使用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%;
}