2024-12-01 11:56:54 +00:00
|
|
|
@import (reference) './variable.less';
|
|
|
|
@import '../style/mixins/hairline.less';
|
2024-11-10 07:01:22 +00:00
|
|
|
|
|
|
|
@containerPrefix: ant-container;
|
|
|
|
|
|
|
|
.@{containerPrefix} {
|
|
|
|
border-radius: @container-radius;
|
|
|
|
margin-bottom: 24 * @rpx;
|
2024-12-01 11:56:54 +00:00
|
|
|
&-headerInBox {
|
|
|
|
background-color: @container-background-color;
|
|
|
|
.@{containerPrefix}-header {
|
|
|
|
padding: 0 @container-spacing;
|
|
|
|
.@{containerPrefix}-header-title,
|
|
|
|
.@{containerPrefix}-header-right {
|
|
|
|
position: relative;
|
|
|
|
.hairline('bottom');
|
|
|
|
}
|
|
|
|
}
|
2024-11-10 07:01:22 +00:00
|
|
|
}
|
|
|
|
&-content {
|
|
|
|
padding: @container-spacing;
|
|
|
|
background-color: @container-background-color;
|
2024-12-01 11:56:54 +00:00
|
|
|
border-radius: @container-radius;
|
|
|
|
}
|
|
|
|
&-header {
|
|
|
|
display: flex;
|
|
|
|
&-title {
|
|
|
|
font-size: @container-header-size;
|
|
|
|
font-weight: bold;
|
|
|
|
color: @container-header-color;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
height: 96 * @rpx;
|
|
|
|
flex: 1;
|
|
|
|
&:empty {
|
|
|
|
display: none;
|
|
|
|
}
|
2024-11-10 07:01:22 +00:00
|
|
|
}
|
|
|
|
|
2024-12-01 11:56:54 +00:00
|
|
|
&-right {
|
|
|
|
color: @COLOR_TEXT_ASSIST;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
height: 96 * @rpx;
|
|
|
|
justify-content: flex-end;
|
|
|
|
&:empty {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.@{containerPrefix}-header-title:empty
|
|
|
|
+ .@{containerPrefix}-header-right:not(:empty) {
|
|
|
|
flex: 1;
|
2024-11-10 07:01:22 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|