yu.css.ui/css/component/list.css

纯CSS通用UI模块和组件

.yu-list.horizontal {
  display: flex; }
  .yu-list.horizontal > .item {
    align-items: center;
    margin-right: 14px; }

.yu-list.divided .item {
  align-items: center;
  padding-bottom: 8px;
  border-bottom: 1px solid #E4E7ED; }

.yu-list > .item {
  margin: 8px 0;
  display: flex;
  align-items: normal; }
  .yu-list > .item > i {
    margin-right: 8px; }
  .yu-list > .item > img {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    margin-right: 8px; }
  .yu-list > .item > .content > .header {
    font-weight: bold;
    font-size: 14px; }
  .yu-list > .item > .content > .description {
    font-size: 14px;
    color: #909399; }