mirror of
https://gitee.com/ulthon/layui-ul.git
synced 2026-07-01 10:32:49 +08:00
重写将文件预览;本地引入font-awesome字体;
This commit is contained in:
@@ -1,5 +1,6 @@
|
||||
@import './card/ul-card-data-a/index';
|
||||
@import './card/ul-card-data-simple/index';
|
||||
@import './card/ul-card-file/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-file/_index.env
Normal file
6
source/components/card/ul-card-file/_index.env
Normal file
@@ -0,0 +1,6 @@
|
||||
title=文件预览卡片
|
||||
padding=1
|
||||
margin=0
|
||||
gray=1
|
||||
mobile=0
|
||||
inner_margin=0
|
||||
32
source/components/card/ul-card-file/_index.html
Normal file
32
source/components/card/ul-card-file/_index.html
Normal file
@@ -0,0 +1,32 @@
|
||||
{volist name='[
|
||||
"excel",
|
||||
"zip",
|
||||
"word",
|
||||
"pdf",
|
||||
"powerpoint",
|
||||
"audio",
|
||||
"code",
|
||||
"image",
|
||||
"video",
|
||||
"text",
|
||||
]' id='file'}
|
||||
<div class="ul-card-file ul-inline-block">
|
||||
<div class="main">
|
||||
<div class="info">
|
||||
<div class="name">
|
||||
核弹制作与发射 从入门到精通
|
||||
</div>
|
||||
<div class="desc">
|
||||
75GB
|
||||
</div>
|
||||
</div>
|
||||
<div class="icon {$file}">
|
||||
<i class="fa fa-file-{$file}-o"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<span>来自ulthon邮箱</span>
|
||||
<span>2022年6月24日</span>
|
||||
</div>
|
||||
</div>
|
||||
{/volist}
|
||||
1
source/components/card/ul-card-file/_index.md
Normal file
1
source/components/card/ul-card-file/_index.md
Normal file
@@ -0,0 +1 @@
|
||||
> 注意:需要引入font awesome 字体文件,但也可以使用任何其他的字体文件或图片。只不过使用图片的话,内置的文件类型的图标颜色就不能用了
|
||||
5
source/components/card/ul-card-file/_index.php
Normal file
5
source/components/card/ul-card-file/_index.php
Normal file
@@ -0,0 +1,5 @@
|
||||
<?php
|
||||
|
||||
return [
|
||||
|
||||
];
|
||||
@@ -1,5 +1,4 @@
|
||||
@import './ul-card-simple-icon';
|
||||
@import './ul-card-message';
|
||||
@import './ul-info-card';
|
||||
@import './ul-data-card';
|
||||
@import './ul-card-file';
|
||||
@import './ul-data-card';
|
||||
Reference in New Issue
Block a user