doyo 后台多附件上传相册样式

曹え 5811 发布于:2019-04-26 21:28:11

修改 /source/admin/template/style/admin.css 即可


一行四个


blob.png


.fileover {overflow: hidden;}
.fileover .item { width: 300px; float: left; height: 110px; margin-right: 20px; margin-bottom: 20px; border-right: 1px solid #eee;}
.fileover .item .pic { width: 120px; float: left; height: 100px; overflow: hidden;  border: 1px solid #ccc;}
.fileover .item .pic img { width: 100%; }
.fileover .item .inps { width: 170px; float: right; line-height: 2;}
.fileover .item .btndel {display: inline-block; background-color: #ccc; color:#fff; font-family: serif; cursor: pointer; line-height: 1; padding: 3px 8px; font-size: 12px;}
.fileover .item .btndel:hover { background-color: #999; }



一行两个



blob.png

.fileover {overflow: hidden;}
.fileover .item { width: 48%; float: left; height: 110px; margin-bottom: 20px; position: relative; box-sizing: border-box; padding-left: 130px;}
.fileover .item .pic { width: 120px; float: left; height: 100px; overflow: hidden;  border: 1px solid #ccc; position: absolute; left: 0; top: 0;}
.fileover .item .pic img { width: 100%; }
.fileover .item .inps { width: 98%; float: right; line-height: 2;}
.fileover .item .btndel {display: inline-block; background-color: #ccc; color:#fff; font-family: serif; cursor: pointer; line-height: 1; padding: 3px 8px; font-size: 12px;}
.fileover .item .btndel:hover { background-color: #999; }
.fileover .item textarea { width: 95% !important; }


觉得有用请点个赞吧!
0 562