._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