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

}

相关推荐
知识分享小能手8 小时前
微信小程序入门学习教程,从入门到精通,微信小程序常用API(上)——知识点详解 + 案例实战(4)
前端·javascript·学习·微信小程序·小程序·html5·微信开放平台
蓝莓味的口香糖9 小时前
【JS】什么是单例模式
开发语言·javascript·单例模式
reembarkation11 小时前
自定义分页控件,只显示当前页码的前后N页
开发语言·前端·javascript
Roye_ack11 小时前
【项目实战 Day9】springboot + vue 苍穹外卖系统(用户端订单模块 + 商家端订单管理模块 完结)
java·vue.js·spring boot·后端·mybatis
gerrgwg11 小时前
React Hooks入门
前端·javascript·react.js
汉字萌萌哒11 小时前
【 HTML基础知识】
前端·javascript·windows
北城以北888813 小时前
Vue--Vue基础(二)
前端·javascript·vue.js
FuckPatience15 小时前
Vue 组件定义模板,集合v-for生成界面
前端·javascript·vue.js
有梦想的攻城狮16 小时前
从0开始学vue:vue和react的比较
前端·vue.js·react.js
silent_missile18 小时前
vue3父组件和子组件之间传递数据
前端·javascript·vue.js