feat(container): 在容器组件中添加标题右侧插槽并调整样式- 在 container.vue 中添加了 header 插槽,用于在标题右侧放置内容
- 调整了 container.vue 中的标题布局,使其与新增插槽对齐- 更新了 workplace/index.vue 中的样式选择器,以适应新的 DOM 结构
This commit is contained in:
@ -1,6 +1,9 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<div class="flex item-center arco-row-justify-space-between">
|
||||||
<h1 class="title">{{ props.title }}</h1>
|
<h1 class="title">{{ props.title }}</h1>
|
||||||
|
<slot name="header"></slot>
|
||||||
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<slot></slot>
|
<slot></slot>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -45,7 +45,7 @@ const getSuccessCaseList = async () => {
|
|||||||
<style scoped lang="less">
|
<style scoped lang="less">
|
||||||
.body {
|
.body {
|
||||||
padding-left: 4px !important;
|
padding-left: 4px !important;
|
||||||
:deep(> .title) {
|
:deep(> div > .title) {
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user