开始使用scss重构项目;

source/scss/list/_index.scss

@@ -0,0 +1 @@
+@import './ul-avatar-list'

source/scss/list/_ul-avatar-list.scss

@@ -0,0 +1,49 @@
+
+/* 用户头像开始 */
+
+.ul-avatar-list {}
+
+.ul-avatar-list-item {
+    display         : flex;
+    align-items     : center;
+    justify-content : space-between;
+    padding         : 8px;
+    background-color: #ddd;
+}
+
+.ul-avatar-list-item.current {
+    background-color: #bbb;
+}
+
+.ul-avatar-list-item-img {
+    height             : 48px;
+    width              : 48px;
+    background-image   : url("/static/images/avatar.png");
+    background-size    : cover;
+    background-position: center;
+    border-radius      : 3px;
+    background-color   : #fff;
+}
+
+.ul-avatar-list-item-info {
+    margin-left: 10px;
+    position   : relative;
+    width      : calc(100% - 48px - 10px);
+}
+
+.ul-avatar-list-item-time {
+    position: absolute;
+    right   : 0;
+    top     : 0;
+    color   : #999;
+}
+
+.ul-avatar-list-item-tips {
+    color        : #999;
+    font-size    : 14px;
+    display      : inline-block;
+    white-space  : nowrap;
+    width        : 100%;
+    overflow     : hidden;
+    text-overflow: ellipsis;
+}