@@ -2,12 +2,12 @@ Angular Material's elevation classes and mixins allow you to add separation betw
2
2
[ Material Design spec] ( https://material.io/design/environment/elevation.html )
3
3
explains how to best use elevation.
4
4
5
- Angular Material 的高程 (elevation)类和混入器(mixin)让你可以沿着 Z 轴区分开各个元素。所有的 Material Design 元素都有一个静止状态的高程 。此外,有些元素可能会改变它们的高程 ,以响应用户操作。
6
- [ Material Design 规范] ( https://material.io/design/environment/elevation.html ) 解释了关于高程的最佳实践 。
5
+ Angular Material 的纵深 (elevation)类和混入器(mixin)让你可以沿着 Z 轴区分开各个元素。所有的 Material Design 元素都有一个静止状态的纵深 。此外,有些元素可能会改变它们的纵深 ,以响应用户操作。
6
+ [ Material Design 规范] ( https://material.io/design/environment/elevation.html ) 解释了关于纵深的最佳实践 。
7
7
8
8
Angular Material provides two ways to control the elevation of elements: predefined CSS classes and mixins.
9
9
10
- Angular Material 提供了两种方式来控制元素的高程 :预定义的 CSS 类和混入器。
10
+ Angular Material 提供了两种方式来控制元素的纵深 :预定义的 CSS 类和混入器。
11
11
12
12
### Predefined CSS classes
13
13
@@ -16,7 +16,7 @@ Angular Material 提供了两种方式来控制元素的高程:预定义的 CS
16
16
The easiest way to add elevation to an element is to simply add one of the predefined CSS classes
17
17
` mat-elevation-z# ` where ` # ` is the elevation number you want, 0-24. Dynamic elevation can be achieved by switching elevation classes:
18
18
19
- 为元素添加高程的最简单方式是为其添加预定义的 CSS 类 ` mat-elevation-z# ` ,这里的 ` # ` 是你要用的高程数字 ,介于 0~ 24 之间。 可以通过切换高程类来实现动态高程 :
19
+ 为元素添加纵深的最简单方式是为其添加预定义的 CSS 类 ` mat-elevation-z# ` ,这里的 ` # ` 是你要用的纵深数字 ,介于 0~ 24 之间。 可以通过切换纵深类来实现动态纵深 :
20
20
21
21
``` html
22
22
@@ -31,12 +31,12 @@ The easiest way to add elevation to an element is to simply add one of the prede
31
31
32
32
Elevations can also be added in CSS via the ` mat-elevation ` mixin, which takes a number 0-24 indicating the elevation of the element as well as optional arguments for the elevation shadow's color tone and opacity.
33
33
34
- 还可以在 CSS 中使用 ` mat-elevation ` 混入器来添加高程 ,它接受一个介于 0~ 24 之间的高程数,还有一个可选的参数用于表示高程投影的色调和透明度 。
34
+ 还可以在 CSS 中使用 ` mat-elevation ` 混入器来添加纵深 ,它接受一个介于 0~ 24 之间的纵深数,还有一个可选的参数用于表示纵深投影的色调和透明度 。
35
35
36
36
Since an elevation shadow consists of multiple shadow components of varying opacities, the
37
37
` $opacity ` argument of the mixin is considered a factor by which to scale these initial values rather than an absolute value.
38
38
39
- 高程投影由多个具有不同透明度的投影组件构成 ,这个混入器的 ` $opacity ` 参数会作为一个缩放初始值的因子,而不是作为绝对值。
39
+ 纵深投影由多个具有不同透明度的投影组件构成 ,这个混入器的 ` $opacity ` 参数会作为一个缩放初始值的因子,而不是作为绝对值。
40
40
41
41
In order to use the mixin, you must import ` ~@angular/material/theming ` :
42
42
@@ -58,7 +58,7 @@ In order to use the mixin, you must import `~@angular/material/theming`:
58
58
59
59
For convenience, you can use the ` mat-elevation-transition ` mixin to add a transition when the elevation changes:
60
60
61
- 当高程变化时 ,你可以用 ` mat-elevation-transition ` 混入器来简便的添加转场动画:
61
+ 当纵深变化时 ,你可以用 ` mat-elevation-transition ` 混入器来简便的添加转场动画:
62
62
63
63
``` scss
64
64
@import ' ~@angular/material/theming' ;
0 commit comments