.tab-box { background-color: #fff; width: 100%;
|
.tab-item { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;
|
.tab-title { color: #666; font-weight: 500; font-size: 14px; line-height: 45px; }
|
.title-active { color: #333; }
|
.underline { display: block; width: 34px; height: 2px; background: #fff; border-radius: 1px; }
|
.underline-active { background: #5e49c3; display: block; width: 34px; height: 2px; border-radius: 1px; }
|
}
|
}
|
.log-list { background-color: #fff; padding: 15px; margin: 5px 0; align-items: flex-start;
|
.log-avatar-wrap { margin-right: 7px;
|
.log-avatar { width: 20px; height: 20px; border-radius: 50%; }
|
}
|
.item-right { flex: 1;
|
.name { font-size: 13px; font-weight: 500; color: #7f7aa5; margin-bottom: 15px; }
|
.content { background: rgba(241, 241, 241, 0.46); border-radius: 1px; padding: 5px; margin-bottom: 10px;
|
.content-img-wrap { margin-right: 8px; width: 40px; height: 40px;
|
.content-img { width: 40px; height: 40px; }
|
}
|
.content-text { font-size: 12px; font-weight: 500; color: #333333; }
|
}
|
.item-bottom { width: 100%;
|
.time { font-size: 11px; font-weight: 500; color: #c8c8c8; }
|
.from-text { font-size: 11px; font-weight: 500; color: #c8c8c8; }
|
}
|
}
|
}
|
