当前位置: 首页 > article >正文

vue3,Element Plus中抽屉el-drawer的样式设置

el-drawer标签的摆放位置说明:

要想有效设置el-drawer的样式,需确保el-drawer的上层不是template,须被其他元素包裹

如:<template><div><el-drawer></el-drawer></div></template>

<template><el-main><el-drawer></el-drawer></el-main></template>

这样摆放设置样式不起效果:<template><el-drawer></el-drawer></template>

el-drawer样式设置说明:

// 抽屉头部

::v-deep .el-drawer__header {

  margin-bottom: 0;

  padding: 0;

  height: 32px;

  // background-color: #ccc;

}

// 抽屉内容

::v-deep .el-drawer__body {

  padding-top: 0;

  // background-color: #ccc;

}

// 抽屉关闭按钮

::v-deep .el-drawer__close-btn {

  padding: 0;

}


http://www.kler.cn/a/576173.html

相关文章:

  • Jenkins 自动打包java项目镜像部署到服务器
  • 【Manus】AI 代理人正式上岗-附Manus邀请码限时通道
  • 深度学习——Tensor
  • esp32的IDF开发学习-驱动ws2812B
  • NTIRE比赛:技术前沿、国内企业表现与计算机视觉未来展望
  • Qwen 模型与 LlamaFactory 结合训练详细步骤教程
  • e2studio开发RA4M2(15)----配置RTC时钟及显示时间
  • STM32G431RBT6--(3)片上外设及其关系
  • STM32_IIC外设工作流程
  • nature genetics | SCENT:单细胞多模态数据揭示组织特异性增强子基因图谱,并可识别致病等位基因
  • 监听-追溯
  • 光路科技将携最新TSN交换机亮相高速展,展示智慧交通创新解决方案
  • AI 实战 - pytorch框架基于retinaface实现face检测
  • 游戏引擎学习第143天
  • Nginx多服务器转发接口数据,实现单接口多服务器处理数据,达到数据共享
  • 【微信小程序】uniapp开发微信小程序
  • 网络安全区划分
  • 使用PHP实现微服务架构:挑战与解决方案
  • SQL-labs13-16闯关记录
  • Docker Desktop常见问题记录