| 提交 | 用户 | 时间 | ||
| 71e81e | 1 | .message-list { |
| 懒 | 2 | position: absolute; |
| 3 | top: 51px; | |
| 4 | bottom: 44px; | |
| 5 | left: 0; | |
| 6 | right: 0; | |
| 7 | overflow-y: auto; | |
| 8 | } | |
| 9 | ||
| 10 | .message-list-item { | |
| 11 | padding: 10px 24px; | |
| 12 | border-bottom: 1px solid #e8e8e8; | |
| 13 | -ms-flex-align: start; | |
| 14 | align-items: flex-start; | |
| 15 | display: flex; | |
| 16 | -ms-flex: 1 1; | |
| 17 | flex: 1 1; | |
| 18 | } | |
| 19 | ||
| 20 | .message-list-item:hover, .message-btn-clear:hover, .message-btn-more:hover { | |
| 21 | background: #F2F2F2; | |
| 22 | } | |
| 23 | ||
| 24 | .message-item-icon { | |
| 25 | width: 40px; | |
| 26 | height: 40px; | |
| 27 | margin-right: 16px; | |
| 28 | display: block; | |
| 29 | margin-top: 4px; | |
| 30 | } | |
| 31 | ||
| 32 | .message-item-right { | |
| 33 | display: block; | |
| 34 | flex: 1 0; | |
| 35 | line-height: 24px; | |
| 36 | } | |
| 37 | ||
| 38 | .message-item-title { | |
| 39 | font-size: 14px; | |
| 40 | color: rgba(0, 0, 0, .65); | |
| 41 | } | |
| 42 | ||
| 43 | .message-item-text { | |
| 44 | color: rgba(0, 0, 0, .45); | |
| 45 | font-size: 12px; | |
| 46 | } | |
| 47 | ||
| 48 | .pull-right { | |
| 49 | float: right; | |
| 50 | } | |
| 51 | ||
| 52 | .message-btn-clear, .message-btn-more { | |
| 53 | display: block; | |
| 54 | padding: 10px 5px; | |
| 55 | text-align: center; | |
| 56 | line-height: 24px; | |
| 57 | color: #333; | |
| 58 | } | |
| 59 | ||
| 60 | .message-btn-clear { | |
| 61 | position: absolute; | |
| 62 | bottom: 0; | |
| 63 | left: 0; | |
| 64 | background: white; | |
| 65 | right: 0; | |
| 66 | border-top: 1px solid #e8e8e8; | |
| 67 | } | |
| 68 | ||
| 69 | .message-btn-more { | |
| 70 | color: #666; | |
| 71 | font-size: 13px; | |
| 72 | } | |
| 73 | ||
| 74 | .message-list-empty { | |
| 75 | text-align: center; | |
| 76 | color: rgba(0, 0, 0, .45); | |
| 77 | padding: 73px 0 88px; | |
| 78 | } | |
| 79 | ||
| 80 | .message-list-empty img { | |
| 81 | height: 76px; | |
| 82 | margin-bottom: 16px; | |
| 83 | } | |
