mirror of
https://gitee.com/ulthon/layui-ul.git
synced 2026-07-01 10:32:49 +08:00
75 lines
2.5 KiB
HTML
75 lines
2.5 KiB
HTML
<fieldset class="layui-elem-field layui-field-title">
|
|
<legend>极简图标卡片</legend>
|
|
<div class="layui-field-box">
|
|
<div class="ul-card-simple-icon" data-repeat="3">
|
|
<div class="ul-card-simple-icon-image" style="background-image: url('/static/images/view.jpg');">
|
|
|
|
</div>
|
|
<div class="ul-card-simple-icon-title">
|
|
图标
|
|
</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>
|
|
|
|
|
|
<fieldset class="layui-elem-field layui-field-title">
|
|
<legend>数据详情卡片-简约</legend>
|
|
<div class="layui-field-box">
|
|
<div class="ul-mobile-box">
|
|
|
|
</div>
|
|
</div>
|
|
</fieldset>
|