element (一)控件篇

211 次访问 2020-01-01

qiwuhedy

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