PhotoShow icon indicating copy to clipboard operation
PhotoShow copied to clipboard

增加一种新的弹出样式

Open ghost opened this issue 3 years ago • 3 comments

我写了一种弹出窗体的样式,增加了圆角之类的,感觉非常好看! 希望可以加到官方选项里面。 这样写的阴影效果可以在黑色和白色的背景都能清晰看到

#photoShowViewer{
    border-radius: 10px;
    margin: 3px;
    border: 1px solid black;
}
.photoshow-viewer-shadow{
    display: none;
}
.photoshow-img-wrapper{
    border-radius: 10px;
    box-shadow: 0 0 20px #fff6, 0 0 20px #82828278, 0 0 20px #150202;
}

Snipaste_2021-12-09_18-33-48

ghost avatar Dec 09 '21 10:12 ghost

Thanks mate, that's stunning!👍

浮图秀目前的样式风格偏向轻量低干扰,当然,这不可能符合所有人的口味。我会考虑你的建议,为浮图秀添加样式相关的配置项。但鉴于此与浮图浮的主要功能相关性不高,故将会以比较低的优先级处理。浮图秀目前还有若干高优任务在队列中累积待开发😂,望理解。

BTW,如果你想干掉缩略图和大图之间的“投影”,目前在浮图秀的配置中就可以实现。请关注“阴影显示”设置项。

Mr-VincentW avatar Dec 09 '21 11:12 Mr-VincentW

还有一个想法,就是在浮起图片的时候让原图变得暗淡(比如灰色滤镜 提高透明度之类的)然后就会让目光更自然的集中在弹出的图片上!

ghost avatar Dec 10 '21 04:12 ghost

浮图秀旨在提供轻量快捷、即用即走的看图体验,因而基本的 UI/UE 设计原则是尽可能地不干扰页面原生内容及交互。

浮图秀不会强行假设用户的关注点,目前仅在需要指示加载状态(允许并闭)及图片可见区域(长图或全景模式下)时,会在原图上暂时附加样式。

依然非常感谢分享你的想法,这很具启发性。

Mr-VincentW avatar Dec 10 '21 05:12 Mr-VincentW