@cmstops/pro-compo
Version:
[物料平台文档中心](https://arco.design/docs/material/guide)
109 lines (93 loc) • 1.91 kB
text/less
.medialist-ilive-item-view {
display: flex;
// width: 100%;
padding: 10px;
border-bottom: 1px solid #f0f0f0;
&:hover {
background: #fafafa;
}
.cover-view {
position: relative;
flex-shrink: 0;
width: 110px;
height: 70px;
margin-right: 20px;
background: #edf3ff;
.image {
width: 100%;
height: 100%;
border-radius: 4px;
img {
width: 100%;
height: 100%;
}
}
.no-img {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
color: white;
font-size: 30px;
}
}
.info-view {
display: flex;
flex: 1;
flex-direction: column;
justify-content: space-between;
padding: 2px 0;
.title {
display: flex;
align-items: center;
margin-bottom: 10px;
overflow: hidden;
color: #1d2129;
font-weight: 400;
font-size: 16px;
font-style: normal;
line-height: 22px;
cursor: pointer;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.abttrite-v {
display: flex;
align-items: center;
justify-content: space-between;
.left {
display: flex;
flex: 1;
align-items: center;
color: #808692;
font-size: 12px;
.icon {
margin-right: 8px;
}
.abttr {
display: inline-block;
width: 20%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
&.time {
width: 250px;
}
&.tags {
display: flex;
align-items: center;
width: 190px;
}
&.type {
display: inline-block;
width: 160px;
}
}
}
.right {
margin-right: 20px;
}
}
}
}