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

}

相关推荐
半个落月3 分钟前
用 LangChain.js 手写一个能读写文件和执行命令的 Mini Cursor
javascript·人工智能·后端
天外天-亮18 分钟前
HBuilder X 使用 uview-plus 方式
开发语言·javascript·hbuilder x·uview-plus
卓怡学长1 小时前
w266基于spring boot + vue 圣地延安美食乐享系统
java·数据库·vue.js·spring boot·spring·intellij-idea
Random_index4 小时前
#Vue3篇: Vue 项目发版后如何提示用户刷新?基于 package.json 版本号的前端更新检测方案
前端·vue.js·json
多加点辣也没关系5 小时前
JavaScript|第9章:对象 — 基础
开发语言·javascript·ecmascript
用户83134859306985 小时前
Cesium自定义可调节星空夜景+星星闪烁
vue.js·cesium
后台开发者Ethan6 小时前
setState组件更新
前端·javascript·react
蜡台6 小时前
uniapp vue2 转 vue3
前端·javascript·uni-app·vue3·vue2
WindfallSheng7 小时前
从Vibe Coding到Spec Coding:一套可落地的AI-SDD企业级研发实战工程
javascript·vue.js
Asize7 小时前
Agent 入门:从 LLM 与 Agent 的区别到 Function Calling
javascript·人工智能