el-dialog 弹出层
label-width="120px" label-position="left" 输入框前面的文字左对齐
<el-dialog
:title="diaTitle"
:visible.sync="DialogVisible"
width="40%"
center>
<el-form ref="form" :model="form" label-width="120px" label-position="left"> ******
<el-form-item label="xxxxx">
<el-input v-model="form.ProName" placeholder=""></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="DialogVisible = false">取消</el-button>
<el-button type="primary" @click="save">保存</el-button>
</span>
</el-dialog>
对话框标题的左对齐
div.el-dialog {
margin: 0 auto !important;
top: 50%;
transform: translateY(-50%);
// border-radius: 10px;
// width: 500px;
// height: 500px!important;
.el-dialog__header{
background: #f7f7f7;
text-align: left;
font-weight: 600;
}
}
