boluo-app-main/src/components/partner-profit/index.less
2025-06-14 23:45:47 +08:00

108 lines
1.7 KiB
Plaintext

@import '@/styles/variables.less';
@import '@/styles/common.less';
.partner-profit {
height: calc(100vh - 98rpx);
overflow: hidden;
width: 100%;
.flex-column();
align-items: normal;
&__top {
padding: 12px 24px;
}
&__main {
position: relative;
flex-grow: 1;
overflow: hidden;
}
&__tabs {
height: 100%;
.taroify-tabs__content {
height: calc(100% - 98rpx);
}
.taroify-tabs__tab-pane {
height: 100%;
position: relative;
}
}
&__help-icon {
width: 28px;
height: 28px;
margin-left: 2px;
position: relative;
top: 6px;
}
&__title {
height: 72px;
width: 100%;
background: #f7f7f7;
padding: 0 32px;
box-sizing: border-box;
line-height: 72px;
font-size: 24px;
color: rgba(0, 0, 0, 0.5);
position: absolute;
top:0;
left:0;
z-index: 1;
.flex-row();
}
&__row {
padding: 0 32px;
}
&__row-content {
border-bottom: 1px solid #e6e7e8;
font-size: 28px;
color: @blColor;
height: 100px;
.flex-row();
.income {
font-weight: 600;
font-size: 30px;
color: #ff5051;
}
}
&__item {
padding: 0 8px;
&:first-child {
padding-left: 0;
}
&:last-child {
padding-right: 0;
}
&.time {
flex: 2;
}
&.project {
width: 150px;
flex-shrink: 0;
}
&.status {
width: 96px;
padding: 0 8px;
flex-shrink: 0;
}
&.income {
text-align: right;
flex: 1;
}
}
&__tab-content {
padding-top: 72rpx;
height: 100%;
box-sizing: border-box;
background: #fff;
overflow-y: auto;
overflow-x: hidden;
}
}