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

将用户卡片迁移到新代码结构

Browse Source
This commit is contained in:
augushong
2023-08-23 23:13:15 +08:00
parent 8bedca3890
commit 6ce2bdaf47
10 changed files with 90 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
demo/pc/card.html
View File

@@ -166,52 +166,6 @@
</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" style="width:300px">
<div class="ul-info-card">
<div class="header">
<div class="img" style="background-image: url('/static/images/view.jpg');">
</div>
</div>
<div class="body">
<div class="title">
奥宏科技
</div>
<div class="line">
</div>
<div class="info">
<div class="info-item">
<div class="info-title">ID</div>
<div class="info-value">2369</div>
</div>
<div class="info-item">
<div class="info-title">性别</div>
<div class="info-value">男</div>
</div>
<div class="info-item">
<div class="info-title">工作时间</div>
<div class="info-value">3年</div>
</div>
<div class="info-item">
<div class="info-title">地址</div>
<div class="info-value">山东省临沂市兰山区</div>
</div>
</div>
</div>
<div class="footer">
<div class="layui-btn layui-btn-fluid layui-btn-normal">
<i class="layui-icon layui-icon-cellphone"></i> 立即联系
</div>
</div>
</div>
</div>
</div>
</fieldset>
<fieldset class="layui-elem-field layui-field-title">
<legend>数据详情卡片-简约</legend>

78
public/cdn/layui-ul.css
View File

@@ -389,45 +389,6 @@
padding: 15px;
}
.ul-info-card {
background-color: #fff;
}
.ul-info-card .header .img {
width: 100%;
height: 160px;
background-size: cover;
background-position: center;
}
.ul-info-card .body {
margin-top: 15px;
}
.ul-info-card .body .title {
text-align: center;
font-size: 18px;
font-weight: 600;
color: #333;
}
.ul-info-card .body .line {
height: 3px;
width: 60px;
background-color: #1E9FFF;
margin: 10px auto;
}
.ul-info-card .body .info {
padding: 15px;
}
.ul-info-card .body .info .info-item {
display: inline-block;
min-width: 30%;
margin-bottom: 10px;
margin-right: 1%;
}
.ul-info-card .body .info .info-item .info-title {
font-size: 12px;
color: #999;
margin-bottom: 6px;
}
.ul-data-card {
margin: 15px;
padding: 15px;
@@ -1108,6 +1069,45 @@
font-weight: 600;
}
.ul-info-card {
background-color: #fff;
}
.ul-info-card .header .img {
width: 100%;
height: 160px;
background-size: cover;
background-position: center;
}
.ul-info-card .body {
margin-top: 15px;
}
.ul-info-card .body .title {
text-align: center;
font-size: 18px;
font-weight: 600;
color: #333;
}
.ul-info-card .body .line {
height: 3px;
width: 60px;
background-color: #1E9FFF;
margin: 10px auto;
}
.ul-info-card .body .info {
padding: 15px;
}
.ul-info-card .body .info .info-item {
display: inline-block;
min-width: 30%;
margin-bottom: 10px;
margin-right: 1%;
}
.ul-info-card .body .info .info-item .info-title {
font-size: 12px;
color: #999;
margin-bottom: 6px;
}
.ul-descriptions-info {
display: flex;
align-items: flex-start;

2
public/cdn/layui-ul.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
source/components/_index.scss
View File

@@ -5,6 +5,7 @@
@import './card/ul-card-money/index';
@import './card/ul-card-qrcode/index';
@import './card/ul-easy-image/index';
@import './card/ul-info-card/index';
@import './descriptions/ul-descriptions-info/index';
@import './descriptions/ul-descriptions-row/index';
@import './descriptions/ul-easy-item/index';

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

@@ -0,0 +1,6 @@
title=用户主页名片
padding=1
margin=0
gray=1
mobile=1
inner_margin=0

38
source/components/card/ul-info-card/_index.html Normal file
View File

@@ -0,0 +1,38 @@
<div class="ul-info-card">
<div class="header">
<div class="img" style="background-image: url('/static/images/view.jpg');">
</div>
</div>
<div class="body">
<div class="title">
奥宏科技
</div>
<div class="line">
</div>
<div class="info">
<div class="info-item">
<div class="info-title">ID</div>
<div class="info-value">2369</div>
</div>
<div class="info-item">
<div class="info-title">性别</div>
<div class="info-value">男</div>
</div>
<div class="info-item">
<div class="info-title">工作时间</div>
<div class="info-value">3年</div>
</div>
<div class="info-item">
<div class="info-title">地址</div>
<div class="info-value">山东省临沂市兰山区</div>
</div>
</div>
</div>
<div class="footer">
<div class="layui-btn layui-btn-fluid layui-btn-normal">
<i class="layui-icon layui-icon-cellphone"></i> 立即联系
</div>
</div>
</div>

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

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

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

0
source/scss/card/_ul-info-card.scss → source/components/card/ul-info-card/_index.scss
View File

1
source/scss/card/_index.scss
View File

@@ -1,4 +1,3 @@
@import './ul-card-simple-icon';
@import './ul-card-message';
@import './ul-info-card';
@import './ul-data-card';