新增消息信息操作卡片；

2026-07-01 10:32:49 +08:00 · 2022-04-04 14:53:17 +08:00
parent 4de1cb0ffa
commit a222dcd5b0
3 changed files with 95 additions and 1 deletions
--- a/source/scss/card/_index.scss
+++ b/source/scss/card/_index.scss
@@ -1 +1,2 @@
-@import './ul-card-simple-icon';
+@import './ul-card-simple-icon';
+@import './ul-card-message';
--- a/source/scss/card/_ul-card-message.scss
+++ b/source/scss/card/_ul-card-message.scss
@@ -0,0 +1,42 @@
+.ul-card-message {
+
+
+    border-radius   : 10px 10px 0 0;
+    background-color: #fff;
+
+    .header {
+        padding        : 15px;
+        display        : flex;
+        align-items    : center;
+        justify-content: space-between;
+        font-size      : 14px;
+        font-weight    : 600;
+        border-bottom  : 2px solid #eee;
+    }
+
+    .body {
+        padding: 15px;
+
+        .item {
+            display        : flex;
+            align-items    : flex-start;
+            justify-content: flex-start;
+            line-height    : 2;
+
+            .item-title {
+                width: 90px;
+                color: #999;
+            }
+
+            .item-value {
+                white-space: normal;
+                width      : calc(100% - 90px);
+            }
+        }
+    }
+
+    .footer {
+        text-align: right;
+        padding   : 15px
+    }
+}