Shadow 阴影

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

卡片中

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

灰色背景(#F9F9F9)

白色背景(#FFFFFF)

background: #FFFFFF;
box-shadow: 0 0 10px 0 rhba(0,0,0,0.03);
border-radius: 8px;

background: #FFFFFF;
box-shadow: 0 0 10px 0 rhba(0,0,0,0.06);
border-radius: 8px;

插件页底部导航

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

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

投影样式

局部示例

应用示例