将头像组件迁移至新写法

2026-07-09 21:52:48 +08:00 · 2023-04-11 15:27:30 +08:00
parent 7ee4dc8467
commit 9d5a91933e
10 changed files with 211 additions and 215 deletions
--- a/source/components/list/ul-avatar-list/_index.scss
+++ b/source/components/list/ul-avatar-list/_index.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: rgb(229, 228, 228);
+    }
+
+    .ul-avatar-list-item.current {
+        background-color: rgb(216, 215, 215);
+    }
+
+    .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: rgb(187, 187, 187);
+    }
+
+    .ul-avatar-list-item-tips {
+        color: rgb(187, 187, 187);
+        font-size: 14px;
+        display: inline-block;
+        white-space: nowrap;
+        width: 100%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
+}