.communityService {
|
&-searchBar {
|
position: fixed;
|
top: @navBarHeight;
|
left: 0;
|
right: 0;
|
z-index: 99;
|
|
&-height {
|
height: 48px;
|
}
|
}
|
|
&-main {
|
height: calc(100% - @navBarHeight - 48px - 24px);
|
padding: 12px;
|
display: flex;
|
flex-direction: column;
|
|
&-title {
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
margin-bottom: 12px;
|
|
&-icon {
|
font-size: 16px;
|
}
|
}
|
|
&-list {
|
flex: 1;
|
overflow: hidden;
|
}
|
|
&-item {
|
padding: 4px 8px 8px;
|
border-radius: 5px;
|
background-color: @common_bg_z1_color;
|
margin-bottom: 8px;
|
|
&-subtitle {
|
display: flex;
|
font-size: 12px;
|
line-height: 20px;
|
margin-top: 4px;
|
}
|
}
|
}
|
|
&-statistics {
|
padding: 8px 12px 28px;
|
|
&-form {
|
border-radius: 10px;
|
overflow: hidden;
|
background-color: @common_bg_z1_color;
|
}
|
|
&-formItem {
|
padding: 12px 16px;
|
background-color: @common_bg_z1_color;
|
|
.dtm-list-extra {
|
max-width: 160px;
|
}
|
}
|
|
&-formListItem {
|
padding-left: 0;
|
min-height: 0 !important;
|
|
.dtm-list-line {
|
padding: 0;
|
}
|
}
|
|
&-btn {
|
padding: 8px 16px;
|
display: flex;
|
|
.public-btn-primary {
|
width: 115px;
|
margin-right: 24px;
|
}
|
}
|
|
&-title {
|
padding: 12px;
|
background-color: @common_bg_z1_color;
|
position: relative;
|
|
&::after {
|
content: '';
|
position: absolute;
|
bottom: 0;
|
left: 12px;
|
right: 12px;
|
border-top: 1px dashed @common_line_light_color;
|
}
|
}
|
|
&-subtitle {
|
padding: 12px;
|
background-color: @common_bg_z1_color;
|
position: relative;
|
|
&::after {
|
content: '';
|
position: absolute;
|
height: 12px;
|
width: 3px;
|
left: 0;
|
top: 50%;
|
margin-top: -6px;
|
background-color: @theme_primary1_color;
|
}
|
}
|
|
&-table {
|
padding: 0 12px 16px;
|
background-color: @common_bg_z1_color;
|
|
&-col {
|
width: 100%;
|
display: flex;
|
font-size: 12px;
|
line-height: 20px;
|
|
div,
|
h5 {
|
padding: 6px 8px;
|
flex: 1;
|
.ellipsis-text-1;
|
}
|
}
|
}
|
|
&-blue1 {
|
background-color: #e6f7ff;
|
}
|
|
&-blue2 {
|
background-color: #a3ddff;
|
}
|
|
&-green1 {
|
background-color: #e6fffb;
|
}
|
|
&-green2 {
|
background-color: #b5f5ec;
|
}
|
}
|
}
|
