首页 › 求助中心 › filepreviewer样式能修改吗

凄美地 发表于 2024-4-17 09:11:56

filepreviewer样式能修改吗

filepreviewer样式能修改吗

胡 发表于 2024-4-17 09:11:57

自定义CSS，下面是我的，可以作为参考

在-布局-自定义大小64*64 体验



/*设置FilePreviewer单元格边框为无 */
div.FP-root .FP-explorer .FP-explorer-content{
    margin: 0rem;
}
/*设置FilePreviewer文件边框为无 */
.FP-root .FP-explorer .FP-file{
    margin: 0rem;
}
/*设置FilePreviewer设置删除按钮宽高宽，和外边距 */
.FP-root .FP-explorer .FP-file .FP-file-delete{
    width: 0.8rem;
    height: 0.8rem;
    margin:0px;
}
/*设置FilePreviewer设置删除按钮红色 */
.FP-root .FP-explorer .FP-explorer-content.FP-explorer-hiddentoolbar .FP-file.FP-selected.FP-actived .FP-file-delete{
    background-color:orangered;
}
/*设置FilePreviewer设置悬浮删除按钮时红色 */
.FP-root .FP-explorer .FP-explorer-content.FP-explorer-hiddentoolbar .FP-file.FP-selected.FP-actived .FP-file-delete:hover{
    background-color:orangered;
}
/*设置FilePreviewer设置悬浮图片显示删除按钮,设置为红色*/
.FP-root .FP-explorer .FP-explorer-content.FP-explorer-hiddentoolbar .FP-file:hover .FP-file-delete{
    display:block;
    background-color:orangered;
}
/*设置FilePreviewer设置预览最大宽度为浏览器宽度90%*/
.FP-root .FP-previewer .FP-previewer-content .FP-carousel-item{
    width: 100%;
    height: 100%;
    max-width: 90%;
}

Nathan.guo 发表于 2024-4-17 18:01:54

{:5_110:}

查看完整版本: filepreviewer样式能修改吗