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

9
app/command/make/Component.php
View File

@@ -66,7 +66,14 @@ class Component extends Command
foreach ($files as $file_name) {
$file_content = View::fetch(__DIR__ . '/component/tpl/' . $file_name, $assign_data);
$file_path = __DIR__ . '/component/tpl/' . $file_name;
if(pathinfo($file_name, PATHINFO_EXTENSION) == 'php') {
$file_content = file_get_contents($file_path);
} else {
$file_content = View::fetch($file_path, $assign_data);
}
$file_path = $target_dir . '/' . $file_name;

55
demo/pc/card.html
View File

@@ -101,61 +101,6 @@
</div>
</fieldset>
<fieldset class="layui-elem-field layui-field-title">
<legend>数据卡片</legend>
<div class="layui-field-box">
<div class="ul-card-data-container ul-padding-md">
<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>
</div>
</div>
</fieldset>
<fieldset class="layui-elem-field layui-field-title">
<legend>极简图标卡片</legend>
<div class="layui-field-box">

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

@@ -870,6 +870,77 @@
margin-left: 10px;
}
.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-card-money {
padding: 26px;
background-color: #1E9FFF;
@@ -2449,82 +2520,6 @@
background-color: #908b8b;
}
.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;
font-size: 0;

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

@@ -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;