我第一时间想的是插槽更换,但是官网看了一下,有title插槽,就想着把关闭按钮隐藏,然后用title增加icon,css定位到两边。 之后去百度,是用background替换 el-dialog__headerbtn 按钮。 后来,大佬说了一个方法,直接将icon 的content 给换了,就可以 默认的: 修改: .el-dialog__close.el-icon-close{&::before{ c...
ickey) in citem.children":key="ickey"><divclass="condition-item-name">{{ichildren.name}}</div><divclass="condition-item-delete"@click="deleteCheck(ichildren)"><iclass="el-icon-close"></i></div></div></div></div></el-form-item></div>...
('path/to/your/custom/close-icon.png'); /* 替换为你的自定义图标路径 */ background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; /* 根据你的图标大小调整 */ height: 20px; /* 根据你的图标大小调整 */ } /* 隐藏默认的关闭图标(如果使用了图标)...
.el-dialog__body { padding:0;}header{width:100%;height:38px;background-color:#1fb6af;border-radius:3px 3px 0 0;color:#fff;line-height:38px;padding-left:10px;}.el-dialog__headerbtn{top:11px;right:10px;.el-icon-close { color:#fff;}} .el-form{margin-top:20px;.el-form-item {...
<i class="el-icon-close" @click="iconClick"></i> <!-- 内部当然也要有关掉的方式,所以加上一个点击关闭 --> </div> </div> </transition> </div> </template> <script> export default { name: "app", data() { return { isShowDialog: false, }; }, methods: { showDialog() { this...
class="dialog-close" @click="dialogVisible = false" > <i class="el-icon-close"></i> </span> ``` 其中"@click" 事件绑定了一个方法来关闭窗口,代码如下所示: ```js data() { return { dialogVisible: false } }, methods: { handleClose: function(done) { console.log('handleClose'); do...
<i class="el-icon-close" @click="iconClick"></i> <!-- 内部当然也要有关掉的方式,所以加上一个点击关闭 --> </div> </div> </transition> </div> </template> <script> export default { name: "app", data() { return { isShowDialog: false, }; }, methods: { showDialog() { this...
style="margin-top: 20vh;border-radius:8px;":close-on-click-modal='false'><div class="deleteTip" slot="title" style="font-size:16px;display:flex;align-items:center;"><span class="el-icon-warning"style="color:#ff9f1f;font-size:26px;margin-right:10px;"></span>你确定要删除未命名...
(item) in templateOptions":key="item.id":label="item.templateName":value="item.id"><divclass="template-select-real-item"><span>{{item.templateName}}</span><iclass="iconfont icon-shanchu del-icon"@click.stop="showDelTemplatePopup(item.id)"></i></div></el-option></el-select></...
closeIconColor: { // 关闭icon颜色 type: String, default: "#fff" }, maxminIconColor: { // 最大最小化icon颜色 type: String, default: "#fff" }, maxmin: {//最小化 最大化按钮 type: Boolean, default: true }, offset: {//位置左 、右 auto 、auto是el-dialog默认值 左的权重大于右权...