界面规范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;

}

相关推荐
夏殇之殁1 天前
包中创建自定义列表项。 . 使用自定义列表项进行数据绑定 . 将天气预报数据保存到本地内存表,通过LiveBindings进行显示。 ...
服务器·前端·javascript
新中地GIS开发老师1 天前
WebGIS开发学生作品|低空航天管理与航线规划系统
前端·javascript·webgis·三维gis开发
丙氨酸長鏈1 天前
Web前端入门第 问:JavaScript 一个简单的 IndexedDB 数据库入门示例
前端·javascript·数据库
kyriewen1 天前
面试官让我手写虚拟列表——AI生成的版本,快速滚动几下就白屏了
前端·javascript·面试
林焱_RPAAI1 天前
影刀RPA技术深度:CSS选择器高级实战指南——伪类属性选择器与性能对比完全解析
vue.js·react.js
许彰午1 天前
政务督办的分合模式:主办协办的并发审批
前端·javascript·政务
陳陈陳1 天前
🚀 前端流式输出革命:SSE + BFF 架构从零到一实战指南
vue.js·架构·node.js
易筋紫容1 天前
创建型模式:对象的诞生艺术
开发语言·前端·javascript
0_Error_1 天前
猫国建设者 修改资源 自动采集
javascript
贩卖黄昏的熊1 天前
NestJS简明教程——安全
开发语言·javascript·安全·typescript·nest.js