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

}

相关推荐
ruanno_top6 小时前
选中一项后,焦点掉回了页面顶部:三个弹层的焦点还原
vue.js
小厨勺子7 小时前
我用AIUI给Rokid眼镜做了个随身换算智能体
javascript
夕水8 小时前
我用trae重构了ew-color-picker,一个插件化架构的现代颜色选择器
前端·javascript·开源
tryCbest8 小时前
Vue3——第 17 篇:模板引用(ref)与组件实例——操作 DOM 的正确姿势
vue.js·前端搭建
头发还在的女程序员9 小时前
Java在线租房系统源码解析:Spring Boot+Vue 3+UniApp房源管理与预约看房方案
java·vue.js·spring boot·租房小程序·租房系统·租房软件
FYKJ_20109 小时前
springboot同人周边订单管理系统48955-计算机毕业设计、课程设计
java·javascript·vue.js·spring boot·django·php·课程设计
总要学点什么9 小时前
第106篇:三维特效-流动线效果——让一颗光点沿整条线一路滚到头
开发语言·javascript·ecmascript·gis·webgl·材质·cesium
2分钟速写快排17 小时前
孔乙己的茴字有多少种写法?|AI 对话实时通信的三种实现
前端·javascript·github
梯度下降者19 小时前
Nuxt框架
vue.js·服务端渲染·全栈开发·混合渲染·nuxt框架
用户0044729538251 天前
练歌镜:让眼镜听懂“循环这一句”
javascript