zoukankan      html  css  js  c++  java
  • 饿了么element UI<el-dialog>弹出层</el-dialog>修改默认样式不能在<style scoped>修改

    如果在非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>
    
    
    
  • 相关阅读:
    ZT:POI操作PPT
    ADO.NET 2.0 Dataset和Datatable 新功能新特性
    ADO.NET 2.0 大批量数据操作和多个动态的结果集
    浏览.NET Framework 2.0 类型库中新增的常用功能
    ASP.NET程序中常用代码汇总(四)
    保存div与页面滚动条的位置
    在ASP.NET中实现AJAX
    ASP.NET 2.0中隐藏listbox的某一项
    泛型最佳实践C#
    ASP.NET 2.0 验证控件新的功能
  • 原文地址:https://www.cnblogs.com/yancongyang/p/7143586.html
Copyright © 2011-2022 走看看