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-04-17 14:12:41 +08:00
parent 6247361e6f
commit c9437b5cf5
11 changed files with 210 additions and 211 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
source/components/_index.scss
View File

@@ -1,3 +1,4 @@
@import './card/ul-card-data-a/index';
@import './card/ul-card-money/index';
@import './card/ul-card-qrcode/index';
@import './card/ul-easy-image/index';

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

@@ -0,0 +1,6 @@
title=数据卡片
padding=0
margin=0
gray=0
mobile=0
inner_margin=0

45
source/components/card/ul-card-data-a/_index.html Normal file
View File

@@ -0,0 +1,45 @@
<div class="ul-card-data-a ul-card-data" data-repeat="2">
<div class="ul-card-data-a-title">
509778.80
</div>
<div class="ul-card-data-a-options">
<div class="ul-card-data-a-item">
<i class="layui-icon layui-icon-gift"></i>
余额
</div>
<div class="ul-card-data-a-item">
<div class="layui-btn layui-btn-xs">充值</div>
<div class="layui-btn layui-btn-xs">提现</div>
<div class="layui-btn layui-btn-xs">记录</div>
</div>
</div>
</div>
<div class="ul-card-data-b ul-card-data" data-repeat="2">
<div class="ul-card-data-b-main">
<div class="ul-card-data-b-icon layui-icon layui-icon-gift">
</div>
<div class="ul-card-data-b-info">
<div class="ul-card-data-b-title">
盈亏总额(元)
</div>
<div class="ul-card-data-b-value">
0.00
</div>
</div>
</div>
</div>
<div class="ul-card-data-c ul-card-data">
<div class="ul-card-data-c-item" data-repeat="3">
<div class="ul-card-data-c-value">
0
</div>
<div class="ul-card-data-c-title">
余额
</div>
</div>
</div>

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

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

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

73
source/components/card/ul-card-data-a/_index.scss Normal file
View File

@@ -0,0 +1,73 @@
.ul-card-data {
display: inline-block;
border: 1px solid #eee;
border-radius: 5px;
padding: 15px;
margin-right: 15px;
margin-bottom: 15px;
/* height : 70px; */
}
.ul-card-data-a-title {
padding-bottom: 15px;
color: #6cf;
font-size: 28px;
}
.ul-card-data-a-item {
display: inline-block;
margin-right: 5px;
}
.ul-card-data-b-icon {
display: inline-block;
margin-right: 15px;
font-size: 46px;
background-color: #6cf;
padding: 8px;
color: #fff;
border-radius: 5px;
}
.ul-card-data-b-info {
display: inline-block;
margin-right: 15px;
}
.ul-card-data-b-value {
font-size: 28px;
color: #6cf;
margin-top: 5px;
}
.ul-card-data-b-main {
display: flex;
align-items: center;
}
.ul-card-data-b-title {
line-height: 24px;
}
.ul-card-data-c-item {
display: inline-block;
padding: 10px 40px;
text-align: center;
color: #999;
}
.ul-card-data-c-item:not(:last-child) {
border-right: 1px solid #ddd;
}
.ul-card-data-c-value {
font-size: 18px;
line-height: 30px;
}
.ul-card-data-c-title {
font-size: 12px;
}

78
source/scss/layui-ul.scss
View File

@@ -776,84 +776,6 @@
}
.ul-card-data-container {
display : flex;
flex-wrap: wrap;
}
.ul-card-data {
display : inline-block;
border : 1px solid #eee;
border-radius : 5px;
padding : 15px;
margin-right : 15px;
margin-bottom : 15px;
/* height : 70px; */
}
.ul-card-data-a-title {
padding-bottom: 15px;
color : #6cf;
font-size : 28px;
}
.ul-card-data-a-item {
display : inline-block;
margin-right: 5px;
}
.ul-card-data-b-icon {
display : inline-block;
margin-right : 15px;
font-size : 46px;
background-color: #6cf;
padding : 8px;
color : #fff;
border-radius : 5px;
}
.ul-card-data-b-info {
display : inline-block;
margin-right: 15px;
}
.ul-card-data-b-value {
font-size : 28px;
color : #6cf;
margin-top: 5px;
}
.ul-card-data-b-main {
display : flex;
align-items: center;
}
.ul-card-data-b-title {
line-height: 24px;
}
.ul-card-data-c-item {
display : inline-block;
padding : 10px 40px;
text-align: center;
color : #999;
}
.ul-card-data-c-item:not(:last-child) {
border-right: 1px solid #ddd;
}
.ul-card-data-c-value {
font-size : 18px;
line-height: 30px;
}
.ul-card-data-c-title {
font-size: 12px;
}
.ul-course-list {
margin : -10px;