当前位置: 首页 > 工具软件 > Top Drawer > 使用案例 >

element UI修改Drawer 抽屉背景色,宽度,header文字大小,颜色(样式篇)

戚鸿福
2023-12-01

1、修改背景色

  /deep/.el-drawer.rtl {
    background: #6aabc5;
  }

2、修改宽度

.drawer_pwd {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    margin: 0;
    /deep/.el-drawer {
      width: 500px !important;
    }
  }

3、修改header文字大小,颜色

  /deep/.el-drawer__header {
    color: #ffffff;
    font-size: 22px;
  }
 类似资料: