el-dialog设置el-head固定

0 效果

1 代码

javascript 复制代码
::v-deep .adTextDetailDialogClass .el-dialog__body{
  max-height: calc(100vh - 150px);
  overflow: auto;
  border-top:1px solid #dfdfdf;
  border-bottom:1px solid #dfdfdf;
}
::v-deep .adTextDetailDialogClass .el-dialog{
  position: fixed;
  height:fit-content;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  bottom:0 !important;
  margin:auto !important;
}
相关推荐
shawxlee1 小时前
vue3在public下封装config.js自定义配置动态数据,可在打包后直接修改,方便后端部署及后续维护
前端·javascript·经验分享·vue·团队开发·js·项目优化
kyriewen2 小时前
我给前端项目的接口请求套了6层保护——才发现以前一直在裸奔
前端·javascript·面试
郝亚军4 小时前
如何安装webstorm、Node.js和vue CLI
前端·javascript·vue.js
an317425 小时前
6MB 组织树大文件性能优化全流程
前端·javascript·vue.js
GitLqr5 小时前
Vue 3.6 Vapor Mode vs React 19 Compiler:前端架构的两条分叉路
vue.js·react.js·vapor
TeamDev6 小时前
JxBrowser 9.3.1 版本发布啦!
java·前端·javascript·c#·混合应用·jxbrowser·浏览器控件
整點薯條6 小时前
Vue3+vite创建项目架构文件说明总结
前端·javascript·vue.js
前端甜糖8 小时前
记录We码开发者工具的一个bug
前端·javascript
猫3288 小时前
echarts 日常问题解决
前端·javascript·echarts
不简说9 小时前
JS 代码技巧 vol.8 — 20 个函数式编程实战,把 if/else 拍扁的骚操作
前端·javascript·面试