mirror of
http://112.124.100.131/ebiz-ai/ebiz-ai-knowledge-manage.git
synced 2025-12-09 19:06:49 +08:00
style: 添加抽屉组件样式- 新增 drawer.scss 文件,定义抽屉组件的样式
- 在 renderUi.scss 中引入 drawer.scss- 样式包括抽屉的高度、背景、边框、位置等 - 优化抽屉头部样式,添加底部边框和字体样式 - 设置抽屉内容区域的内边距和滚动条样式
This commit is contained in:
40
src/assets/sass/renderSass/drawer.scss
Normal file
40
src/assets/sass/renderSass/drawer.scss
Normal 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -5,6 +5,7 @@
|
||||
@import 'renderSass/table';
|
||||
@import 'renderSass/label';
|
||||
@import 'renderSass/radio';
|
||||
@import 'renderSass/drawer';
|
||||
|
||||
html,
|
||||
body,
|
||||
|
||||
Reference in New Issue
Block a user