求帮忙修改文件上传样式

提问 未结 1 44
导入功能
导入功能 VIP3 2018-11-08 17:42:37
悬赏:20积分 收藏
产品:ani 版本:2.1
img[/userfiles/fly/c78e2cdd41aa43ae9ed775c28be7d2f3/files/1541670052705.] 应客户要求需把文件上传部分图标改为文字,目前已上传文件显示正常,但是新上传的部分还是图标显示,求帮忙修改一下,样式如下: [pre] $list.append('<div class="row item list-item">' +'<i class="fa fa-3x fa-file-pdf-o text-info col-sm-1 file-item"></i>' +'<h5 class="info col-sm-5">' +'<label style="width: 200px; margin-top: 6px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;">'+ decodeURIComponent(encodeFileName(urls[i].substring(urls[i].lastIndexOf("/")+1)))+'</label>' + '</h5>' +' <p class="state col-sm-3 fa-success" style="margin-top: 15px">已上传</p>' + '<div class="col-sm-3 operate">' <c:if test="${ readonly == false }"> + '<a class="remove-this pull-right btn btn-danger" style="margin-right:6px;" data-id="'+fileIds[i]+'">删除</a>' </c:if> + '<a class="download-this pull-right btn btn-primary" style="margin-right:6px;" data-url="' + encodeFileName(urls[i]) + '">下载</a>' + '</div>' + '</div>') [/pre]
回帖
  • 2018-11-09 10:08:29
    [pre] <style> a.fa-minus-circle, a.fa-cloud-download{ margin-top: 10px; color: #fff; display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 0px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } a.fa-cloud-download{ background-color: #3ca2e0; border-color: #3ca2e0; } a.fa-cloud-download:hover{ background-color: #2089c9; border-color: #1b74aa; text-decoration: none; } a.fa-minus-circle{ background-color: #de6764; border-color: #da524f; } a.fa-minus-circle:hover{ background-color: #d53e3a; border-color: #c22d29; } a.fa-minus-circle:hover, a.fa-cloud-download:hover{ color: #fff; } a.fa-minus-circle::before { content: "删除"; } a.fa-cloud-download::before{ content: "下载"; } .fa-check-circle.file-item{ display: none; } </style> [/pre]
    0 回复