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