# 1.4 阴影(Shadow)

在界面中,通过模拟元素的投影来区分层次关系。
注意:目前美居中较少用到投影,尽量避免使用投影;如遇到特殊需要,依照如下规范

# 卡片中

注意:插件页首页卡片中应避免使用投影,如特殊样式需要阴影参数如下

页面背景(#F9F9F9)

background: #FFFFFF;
box-shadow: 0 1px 10px 0 rgba(0,0,0,0.04);
border-radius: 8px;

# 插件页底部导航

为了更好的区分底部导航,导航上方设置阴影,阴影参数如下

background: #FFFFFF;
box-shadow: 0 -1px 5px 0 rgba(0,0,0,0.05);
border-radius: 32px 32px 0 0;

# 投影样式

# 局部示例

Last Updated: 8/24/2022, 4:36:46 PM