vue3项目使用element plus中的el-drawer抽屉组件,想自定义.el-drawer__header和.el-drawer__body的样式,使用:deep()为啥不起作用呢?比如想调整el-drawer抽屉组件的默认标题下外边距及标题字体颜色,和内容区域的默认内边距宽度代码如下图:环境版本如下图:其他如el-tabs等组件,使用:deep自定义重写样式都是可以的,...
<el-drawer custom-class="mydrawer"title="title":visible.sync="drawerVisible":before-close="handleClose"> <style lang="scss">加上scoped不起作用 直接修改不起作用 需要自定义个名字就可以了// /deep/ .el-drawer:focus{// outline: 0;// }// /deep/ .el-drawer__header span:focus {// outlin...
Element Plus 的版本问题:确保你正在使用的 Element Plus 版本支持 .el-drawer__header 这个选择器。不同版本之间可能存在差异。 样式优先级问题:有可能其他地方的样式(可能是全局样式或者是更高优先级的样式)覆盖了你的 .remove-el-drawer-header-margin-bottom .el-drawer__header 样式。你可以通过浏览器的开发者...
头部内容</h1><h1>:isShowHeader="false"去掉抽屉的头部内容</h1><h1>:isShowHeader="false"去掉抽屉的头部内容</h1><h1>:isShowHeader="false"去掉抽屉的头部内容</h1><h1>:isShowHeader="false"去掉抽屉的头部内容</h1></my-drawer><my-drawer:isShowDrawer.sync="isShowDrawer3"direction="left":ma...
ShowHeader="false"><h1>:isShowHeader="false"去掉抽屉的头部内容</h1><h1>:isShowHeader="false"去掉抽屉的头部内容</h1><h1>:isShowHeader="false"去掉抽屉的头部内容</h1><h1>:isShowHeader="false"去掉抽屉的头部内容</h1><h1>:isShowHeader="false"去掉抽屉的头部内容</h1><h1>:isShowHeader="...
<h1>:isShowHeader="false"去掉抽屉的头部内容</h1> </my-drawer> <my-drawer :isShowDrawer.sync="isShowDrawer3" direction="left" :mask="false" > <span slot="title">左侧命名插槽弹出哦^_^</span> <span>没有背景遮罩层</span> </my-drawer> ...
vue3项目使用element plus中的el-drawer抽屉组件,想自定义.el-drawer__header和.el-drawer__body的样式,使用:deep()为啥不起作用呢?比如想调整el-drawer抽屉组件的默认标题下外边距及标题字体颜色,和内容区域的默认内边距宽度代码如下图:环境版本如下图:其他如el-tabs等组件,使用:deep自定义重写样式都是可以的,...
vue3项目使用element plus中的el-drawer抽屉组件,想自定义.el-drawer__header和.el-drawer__body的样式,使用:deep()为啥不起作用呢?比如想调整el-drawer抽屉组件的默认标题下外边距及标题字体颜色,和内容区域的默认内边距宽度代码如下图:环境版本如下图:其他如el-tabs等组件,使用:deep自定义重写样式都是可以的,...
vue3项目使用element plus中的el-drawer抽屉组件,想自定义.el-drawer__header和.el-drawer__body的样式,使用:deep()为啥不起作用呢?比如想调整el-drawer抽屉组件的默认标题下外边距及标题字体颜色,和内容区域的默认内边距宽度代码如下图:环境版本如下图:其他如el-tabs等组件,使用:deep自定义重写样式都是可以的,...