style(components): 统一抽屉组件样式并移除内边距

- 为 CuteFormDrawer 和 CutePreviewDrawer 添加统一的头部样式
- 将抽屉主体内边距从 20px 调整为 10px
- 移除 CutePreviewDrawer 中的左侧内边距
- 在两个组件中添加底部边框样式
- 统一抽屉样式以保持一致性
This commit is contained in:
2026-02-02 10:55:41 +08:00
parent ef620ad029
commit cc83b291cb
2 changed files with 16 additions and 4 deletions
@@ -125,8 +125,13 @@ export default {
padding: 16px 20px;
}
::v-deep(.el-drawer__header) {
padding: 10px;
border-bottom: 1px solid #DCDFE6;
}
::v-deep(.el-drawer__body) {
padding: 20px 20px !important;
padding: 10px 10px !important;
}
::v-deep(.el-divider--horizontal) {
@@ -18,9 +18,7 @@
:modal="false"
>
<!-- 这里是插槽,用于渲染传入的组件 -->
<div style="padding-left: 20px">
<slot />
</div>
</el-drawer>
</template>
@@ -75,5 +73,14 @@ export default {
.container-form::-webkit-scrollbar {
display: none; /* Chrome, Safari, Opera*/
}
::v-deep(.el-drawer__header) {
padding: 10px;
border-bottom: 1px solid #DCDFE6;
}
::v-deep(.el-drawer__body) {
padding: 10px 10px !important;
}
</style>