._content {
width:100%;
height:311px;
background:#EEF6F5;
border-radius:6px;
}
._content_list {
padding:26px 15px;
overflow-y:auto;
height:225px;
}
._content_list_item {
margin-bottom:-7px;
}
._content_list_item_time {
font-weight:500;
font-size:14px;
color:#5E6C84;
margin-bottom:-5px;
}
._content_list_item_time::before {
content:'';
display:inline-block;
width:11px;
height:11px;
background:#64C8BC;
border-radius:6px;
margin-right:10px;
}
._content_list_item_dis {
width:100%;
display:flex;
justify-content:flex-start;
}
._content_list_item_dis_list {
padding:10px;
display:inline-block;
flex:1;
height:vh(130);
background:#FFFFFF;
border-radius:6px;
vertical-align:top;
margin:10px 0;
}
._title {
font-weight:500;
font-size:14px;
color:#5E6C84;
line-height:20px;
margin-bottom:8px;
}
._text {
font-weight:400;
font-size:12px;
color:#8E95A0;
margin-bottom:8px;
}
.dis {
min-width:50px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
._content_list_item_dis::before {
content:"";
display:inline-block;
margin:0 15px -7px 5px;
width:1px;
height:140px;
background:#64C8BC;
}
更新时间:2024-05-09 20:53:52
可以使用数组直接循环多个_content_list_item