优化后台UI,修复文件上传组件

This commit is contained in:
2020-04-09 10:36:18 +08:00
parent f42b62738d
commit 9810b08993
7 changed files with 72 additions and 44 deletions

View File

@@ -5,7 +5,7 @@
.img-list .item{width: 20%;}
.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 .close{position: absolute; right: -10px; top: -10px; width: 20px; height: 20px; font-size: 10px; text-align: center; line-height: 20px; color: #000000; border-radius: 50%; background: #333333;}
.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;}
.page{height: 45px;}
.page .pagination{margin: 0;}
</style>
@@ -22,7 +22,7 @@
<div class="img-list">
{volist name="list" id="item"}
<div class="item">
<div class="thumb"><img src="{$item['url']}" /></div>
<div class="thumb" data-id="{$item['id']}" data-url="{$item['url']}"><img src="{$item['url']}" /><div class="ok"></div></div>
</div>
{/volist}
</div>