Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

增加一种新的弹出样式 #36

Open
ghost opened this issue Dec 9, 2021 · 3 comments
Open

增加一种新的弹出样式 #36

ghost opened this issue Dec 9, 2021 · 3 comments

Comments

@ghost
Copy link

ghost commented Dec 9, 2021

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

#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

@Mr-VincentW
Copy link
Owner

Thanks mate, that's stunning!👍

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

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

@ghost
Copy link
Author

ghost commented Dec 10, 2021

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

@Mr-VincentW
Copy link
Owner

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

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

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant