Elevation

阴影提供关于物体深度和方向运动的重要视觉线索。 它们是唯一的视觉提示，表明表面之间的分离量。 对象的高程确定其阴影的外观。 高程值在“z-space”中映射，范围从0到24。

使用

  1. <m-elevation
  2.   css=".mdc-elevation {
  3.     width: 100%;
  4.     height: 100%;
  5.     display: flex;
  6.     justify-content: center;
  7.     align-items: center;
  8.   }"
  9.   class="elevation-demo-surface"
  10.   z="1"
  11. >1dp</m-elevation>

Omi 中使用

JSX:

  1. <m-elevation
  2.   css={`
  3.     .mdc-elevation {
  4.       width: 100%;
  5.       height: 100%;
  6.       display: flex;
  7.       justify-content: center;
  8.       align-items: center;
  9.     }
  10.   `}
  11.   class="elevation-demo-surface"
  12.   z="1"
  13. >1dp</m-elevation>

API

Props

NameTypeDefaultsDetails
znumber—阴影外观控制