molong/sentcms
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

完成上传组件的开发

Browse Source
This commit is contained in:
tensent
2020-04-10 21:19:03 +08:00
parent 5629daa722
commit a5a9c12ad0
18 changed files with 385 additions and 145 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
view/upload/server.html
View File

@@ -6,6 +6,9 @@
.img-list .item .thumb{margin: 5px; border: 1px solid #efefef; height: 120px; border-radius: 4px; position: relative; cursor: pointer; overflow: hidden;}
.img-list .item .thumb img{width: 100%;}
.img-list .item .selected .ok{position: absolute; right: 0; bottom: 0; width: 0; height: 0; border-left: 50px solid transparent; border-bottom: 50px solid #56b0fa;}
.file-list{padding: 5px; height: 300px; overflow-y: scroll; display: flex; flex-direction: column; border: 1px dashed #999999;}
.file-list .item .attach{margin: 5px; padding: 0 10px; line-height: 35px; border: 1px solid #efefef; position: relative; cursor: pointer; overflow: hidden;}
.file-list .item .selected .ok{position: absolute; right: 0; bottom: 0; width: 0; height: 0; border-left: 50px solid transparent; border-bottom: 50px solid #56b0fa;}
.page{height: 45px;}
.page .pagination{margin: 0;}
</style>
@@ -19,6 +22,7 @@
{if empty($list)}
<p class="no-data">无{if $param['type'] == 'image'}图片{else/}文件{/if}</p>
{else/}
{if $param['type'] == 'image'}
<div class="img-list">
{volist name="list" id="item"}
<div class="item">
@@ -26,6 +30,15 @@
</div>
{/volist}
</div>
{else/}
<div class="file-list">
{volist name="list" id="item"}
<div class="item">
<div class="attach" data-id="{$item['id']}" data-url="{$item['url']}" data-savename="{$item['savename']}">{$item['savename']}<div class="ok"></div></div>
</div>
{/volist}
</div>
{/if}
{/if}
<div class="row" style="padding-top: 10px;">
<div class="col-xs-10 page">{$page|raw}</div>