Files
danyang-match/miniapp/components/conversation-item/index.wxss
T

67 lines
1.3 KiB
Plaintext

.ui-conv {
display: flex;
align-items: center;
background: var(--color-bg-card);
padding: 18rpx 20rpx;
border-bottom: 1rpx solid var(--color-divider);
}
.ui-conv--disabled {
opacity: 0.6;
}
.ui-conv__body {
flex: 1;
min-width: 0;
margin-left: var(--spacing-3);
}
.ui-conv__top {
display: flex;
justify-content: space-between;
align-items: baseline;
}
.ui-conv__name {
color: #222746;
font-size: 26rpx;
font-weight: 650;
}
.ui-conv__time {
color: #8b90a5;
font-size: 19rpx;
flex-shrink: 0;
margin-left: var(--spacing-2);
}
.ui-conv__bottom {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: var(--spacing-1);
}
.ui-conv__last {
flex: 1;
min-width: 0;
color: #7a8097;
font-size: 21rpx;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-right: var(--spacing-2);
}
.ui-conv__badge {
min-width: 36rpx;
height: 36rpx;
padding: 0 10rpx;
border-radius: var(--radius-full);
background: var(--color-danger);
color: #FFFFFF;
font-size: var(--font-size-xs);
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
flex-shrink: 0;
}
.ui-conv__status-hint {
margin-top: var(--spacing-1);
font-size: var(--font-size-xs);
color: var(--color-text-tertiary);
}