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

重写将文件预览；本地引入font-awesome字体；

Browse Source
This commit is contained in:
augushong
2023-05-11 10:37:28 +08:00
parent c4b33c9658
commit 2afb732311
2135 changed files with 361016 additions and 720 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
demo/pc/card.html
View File

@@ -263,84 +263,3 @@
</div>
</div>
</fieldset>
<fieldset class="layui-elem-field layui-field-title">
<legend>文件预览卡片</legend>
<div class="layui-field-box">
<blockquote class="layui-elem-quote">注意：需要引入font awesome 字体文件，但也可以使用任何其他的字体文件或图片。只不过使用图片的话，内置的文件类型的图标颜色就不能用了</blockquote>
<div class="demo-js-src" style="display: block;">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
{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}
<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-o"></i>
</div>
</div>
<div class="footer">
<span>来自ulthon邮箱</span>
<span>2022年6月24日</span>
</div>
</div>
<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 link">
<i class="fa fa-link"></i>
</div>
</div>
<div class="footer">
<span>来自ulthon邮箱</span>
<span>2022年6月24日</span>
</div>
</div>
</div>
</div>
</fieldset>