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

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

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

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 [
];

48
source/components/card/ul-info-card/_index.scss Normal file
View File

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