饿了么elementUIel-dialog弹出层el-dialog修改默认样式不能在
sty。。。
如果在⾮scoped下，修改el-dialog⾃动添加的DIV类名的style加上important，可以覆盖原来的width，但这样会让整个项⽬的样式都乱套。如果在scoped下修改style。所有的⾃定义样式都⽆法覆盖element的样式啊，加上important也不⾏，
<style scoped>
</style>
<el-dialog :title="titleStr" v-model="dialogFormVisible" custom-class = "dialog">
<el-dialog :title="titleStr" v-model="dialogFormVisible" class = "dialog">
重新命名class名，
定义CSS样式
<el-dialog title="新增孩⼦" v-model="addFormVisible" :close-on-click-modal="false">
自动弹窗代码
<el-form :model="addForm" label-width="85px" :rules="addFormRules" ref="addForm">
<el-form-item label="姓名：" prop="ChildName">
<el-input v-model="addForm.ChildName" auto-complete="off"></el-input>
</el-form-item>
<el-form-item label="性别：" prop="Gender">
<el-radio-group v-model="addForm.Gender">
<el-radio class="radio" label="1">男</el-radio>
<el-radio class="radio" label="2">⼥</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="⽣⽇：" prop="Birthday">
<el-date-picker type="date" placeholder="选择⽇期" v-model="addForm.Birthday"></el-date-picker>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click.native="addFormVisible = false">取消</el-button>
<el-button type="primary" @click.native="addSubmit" :loading="addLoading">提交</el-button>
</div>
</el-dialog>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。