/* components/cell/index.wxss */ .cell { background-color: white; border-bottom: 1px solid #E7E7E7; display: flex; flex-direction: row; padding: 10px 20rpx; } .cell-left { flex:1; display: flex; flex-direction: column; justify-content: space-around; } .cell_title { font-weight: 300; font-size: 17px; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } .cell_title_readed { color: #9C9C9C; } .cell_info { padding-top: 10rpx; display: flex; flex-direction: row; align-items: center; font-size: 12px; line-height: 12px; color: #D4D4D4; } .cell_info_top { padding: 0 10px; width: 20px; height: 12px; } .cell-right { margin-left: 10rpx; width: 30vw; height: 100%; } .cell-image { display: block; width: 100%; height: 160rpx; }