diff --git a/demo/pc/card.html b/demo/pc/card.html
index c8ad476..7e87145 100644
--- a/demo/pc/card.html
+++ b/demo/pc/card.html
@@ -167,5 +167,56 @@
                 图标
             </div>
         </div>
+    </div>
+</fieldset>
+
+<fieldset class="layui-elem-field layui-field-title">
+    <legend>消息信息操作卡片</legend>
+    <div class="layui-field-box ">
+        <div class="ul-padding-md ul-bg-gray">
+
+            <div class="ul-card-message">
+                <div class="header">
+                    <div class="title">
+                        奥宏科技·预约会议
+                    </div>
+                    <div class="status">
+                        技术人员
+                    </div>
+                </div>
+                <div class="body">
+                    <div class="item">
+                        <div class="item-title">
+                            预约时间
+                        </div>
+                        <div class="item-value">
+                            2022年4月4日14:29:12
+                        </div>
+                    </div>
+                    <div class="item">
+                        <div class="item-title">
+                            地点
+                        </div>
+                        <div class="item-value">
+                            一楼会议室
+                        </div>
+                    </div>
+                    <div class="item">
+                        <div class="item-title">
+                            备注
+                        </div>
+                        <div class="item-value">
+                            备注内容备注内容备注内容备注内容备注内容备注内容备注内容备注内容备注内容备注内容备注内容备注内容
+                        </div>
+                    </div>
+                </div>
+                <div class="footer">
+                    <div class="layui-btn layui-btn-sm layui-btn-primary">取消</div>
+                    <div class="layui-btn layui-btn-sm layui-btn-normal">确认</div>
+                </div>
+            </div>
+        </div>
+
+
     </div>
 </fieldset>
\ No newline at end of file
diff --git a/source/scss/card/_index.scss b/source/scss/card/_index.scss
index 14627ae..3943206 100644
--- a/source/scss/card/_index.scss
+++ b/source/scss/card/_index.scss
@@ -1 +1,2 @@
-@import './ul-card-simple-icon';
\ No newline at end of file
+@import './ul-card-simple-icon';
+@import './ul-card-message';
\ No newline at end of file
diff --git a/source/scss/card/_ul-card-message.scss b/source/scss/card/_ul-card-message.scss
new file mode 100644
index 0000000..6d1c351
--- /dev/null
+++ 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
+    }
+}
\ No newline at end of file