style: 添加抽屉组件样式- 新增 drawer.scss 文件,定义抽屉组件的样式

- 在 renderUi.scss 中引入 drawer.scss- 样式包括抽屉的高度、背景、边框、位置等
- 优化抽屉头部样式,添加底部边框和字体样式
- 设置抽屉内容区域的内边距和滚动条样式
This commit is contained in:
陈昱达
2025-04-24 09:28:46 +08:00
parent d72dadab0c
commit b2de4cd58d
2 changed files with 41 additions and 0 deletions

View File

@@ -0,0 +1,40 @@
.el-drawer {
&.ltr,
&.rtl {
height: calc(100% - 16px);
margin-top: 8px;
background: #ffffff;
border-radius: 7px;
border: 1px solid #ebeef2;
}
&.rtl {
right: 10px;
}
&.ltr {
left: 10px;
}
& .el-drawer__header {
padding: 27px 20px 10px 20px;
margin-bottom: 0px;
position: relative;
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 16px;
color: #000000;
&:after {
content: '';
position: absolute;
bottom: 0;
border-bottom: 1px solid #ddd;
left: 20px;
right: 20px;
transform: scaleY(0.4);
}
}
& .el-drawer__body {
padding: 20px;
&::-webkit-scrollbar {
width: 0px;
}
}
}

View File

@@ -5,6 +5,7 @@
@import 'renderSass/table';
@import 'renderSass/label';
@import 'renderSass/radio';
@import 'renderSass/drawer';
html,
body,