首页 > 在线学习 > 网站教程

eyoucms后台图片上传细节优化

大家有没有发现,有时候我们在eyoucms后台想更换一张图片   比如缩略图 但是每次都哦没办法直接点击图片地址编辑,非要点击远程图片或者点击上传另外一张图片 才可以更换,


有时候 我们想要直接编辑图片或者删了这个地址,就可以达到更换或者删除图片,可是往往后台eyoucms是没办法的,


其实这个细节 很简单 就是这个上传图片地址被  直接浏览的CSS给覆盖了,他的值设置300+px 所以你点击的 就会变成 直接浏览图片,只要我们把css这块改小 即可完美解决。


好的  我们动手修改下CSS吧  后台的CSS是在:


\public\static\admin\css目录里面的文件叫:main.css 


我们打开他  找到:


.type-file-file  字段  将里面的  宽度 362px 改为60px 即可


全部原来的字段是:


.type-file-file { width: 362px; height: 28px; position: absolute; top: 0; right: 0; filter:alpha(opacity:0);


改为:


.type-file-file { width: 60px; height: 28px; position: absolute; top: 0; right: 0; filter:alpha(opacity:0);


即可


1-191222145J25Z.png