style(components): 统一抽屉组件样式并移除内边距
- 为 CuteFormDrawer 和 CutePreviewDrawer 添加统一的头部样式 - 将抽屉主体内边距从 20px 调整为 10px - 移除 CutePreviewDrawer 中的左侧内边距 - 在两个组件中添加底部边框样式 - 统一抽屉样式以保持一致性
This commit is contained in:
@@ -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>
|
||||
<slot />
|
||||
</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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user