ulthon/layui-ul
1
0
Fork 0
mirror of https://gitee.com/ulthon/layui-ul.git synced 2026-07-05 11:52:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: 迁移消息信息操作卡片

Browse Source
This commit is contained in:
augushong
2025-08-31 12:03:12 +08:00
parent b34f6c00e7
commit c2f7b26a53
11 changed files with 91 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
source/components/card/ul-card-message/_index.env Normal file
View File

@@ -0,0 +1,6 @@
title=消息信息操作卡片
padding=0
margin=0
gray=0
mobile=0
inner_margin=0

40
source/components/card/ul-card-message/_index.html Normal file
View File

@@ -0,0 +1,40 @@
<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>

0
source/components/card/ul-card-message/_index.md Normal file
View File

5
source/components/card/ul-card-message/_index.php Normal file
View File

@@ -0,0 +1,5 @@
<?php
return [
];

43
source/components/card/ul-card-message/_index.scss Normal file
View File

@@ -0,0 +1,43 @@
.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;
padding-bottom: 0;
.item {
display : flex;
align-items : flex-start;
justify-content: flex-start;
line-height : 1.8;
margin-bottom : 10px;
.item-title {
width: 90px;
color: #999;
}
.item-value {
white-space: normal;
width : calc(100% - 90px);
}
}
}
.footer {
text-align: right;
padding : 15px
}
}