界面规范11-对话框

1、可移动

import { dragDialogMixin } from '@/qlmcomponents/common/draggable/drag-dialog.mixin';

mixins: [dragDialogMixin],

2、关闭点对话框外关闭功能

:close-on-click-modal="false"

3、标题栏模拟window效果

.el-dialog__header {

font-size: 16px;

border-bottom: none;

padding-top: 7px;

padding-bottom: 7px;

background-color:#DEDEDE;

border-radius:2px 2px 0 0;

}

.el-dialog__headerbtn {

font-weight: 700;

right: 0px;

top: 0px;

padding: 0 20px 0 20px;

height:42px;

line-height:42px;

font-size: 24px;

color:#333;

overflow:hidden;

}

.el-dialog__headerbtn .el-dialog__close {

color: #333;

}

相关推荐
不一样的少年_2 小时前
Vue3 后台分页写腻了?我用 1 个 Hook 删掉 90% 重复代码(附源码)
前端·vue.js·设计模式
一枚前端小能手2 小时前
🔥 滚动监听写到手抽筋?IntersectionObserver让你躺平实现懒加载
前端·javascript
我是日安2 小时前
从零到一打造 Vue3 响应式系统 Day 5 - 核心概念:单向链表、双向链表
前端·vue.js
遂心_2 小时前
React中的onChange事件:从原理到实践的全方位解析
前端·javascript·react.js
GHOME2 小时前
原型链的原貌
前端·javascript·面试
槿泽2 小时前
Vue集成Electron目前最新版本
前端·vue.js·electron
luckyCover2 小时前
带你一起攻克js之原型到原型链~
前端·javascript
麦当_2 小时前
SwipeMultiContainer 滑动切换容器算法指南
前端·javascript·算法
用户31506327304872 小时前
使用 vue-virtual-scroller 实现高性能传输列表功能总结
javascript·vue.js