Skip to content

Commit 48f0c84

Browse files
author
Zhicheng WANG
committed
fix: 高程改为纵深
1 parent 8a0b9b5 commit 48f0c84

File tree

2 files changed

+12
-12
lines changed

2 files changed

+12
-12
lines changed

guides/elevation.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -2,12 +2,12 @@ Angular Material's elevation classes and mixins allow you to add separation betw
22
[Material Design spec](https://material.io/design/environment/elevation.html)
33
explains how to best use elevation.
44

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)解释了关于纵深的最佳实践
77

88
Angular Material provides two ways to control the elevation of elements: predefined CSS classes and mixins.
99

10-
Angular Material 提供了两种方式来控制元素的高程:预定义的 CSS 类和混入器。
10+
Angular Material 提供了两种方式来控制元素的纵深:预定义的 CSS 类和混入器。
1111

1212
### Predefined CSS classes
1313

@@ -16,7 +16,7 @@ Angular Material 提供了两种方式来控制元素的高程:预定义的 CS
1616
The easiest way to add elevation to an element is to simply add one of the predefined CSS classes
1717
`mat-elevation-z#` where `#` is the elevation number you want, 0-24. Dynamic elevation can be achieved by switching elevation classes:
1818

19-
为元素添加高程的最简单方式是为其添加预定义的 CSS 类 `mat-elevation-z#`,这里的 `#` 是你要用的高程数字,介于 0~24 之间。 可以通过切换高程类来实现动态高程
19+
为元素添加纵深的最简单方式是为其添加预定义的 CSS 类 `mat-elevation-z#`,这里的 `#` 是你要用的纵深数字,介于 0~24 之间。 可以通过切换纵深类来实现动态纵深
2020

2121
```html
2222

@@ -31,12 +31,12 @@ The easiest way to add elevation to an element is to simply add one of the prede
3131

3232
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.
3333

34-
还可以在 CSS 中使用 `mat-elevation` 混入器来添加高程,它接受一个介于 0~24 之间的高程数,还有一个可选的参数用于表示高程投影的色调和透明度
34+
还可以在 CSS 中使用 `mat-elevation` 混入器来添加纵深,它接受一个介于 0~24 之间的纵深数,还有一个可选的参数用于表示纵深投影的色调和透明度
3535

3636
Since an elevation shadow consists of multiple shadow components of varying opacities, the
3737
`$opacity` argument of the mixin is considered a factor by which to scale these initial values rather than an absolute value.
3838

39-
高程投影由多个具有不同透明度的投影组件构成,这个混入器的 `$opacity` 参数会作为一个缩放初始值的因子,而不是作为绝对值。
39+
纵深投影由多个具有不同透明度的投影组件构成,这个混入器的 `$opacity` 参数会作为一个缩放初始值的因子,而不是作为绝对值。
4040

4141
In order to use the mixin, you must import `~@angular/material/theming`:
4242

@@ -58,7 +58,7 @@ In order to use the mixin, you must import `~@angular/material/theming`:
5858

5959
For convenience, you can use the `mat-elevation-transition` mixin to add a transition when the elevation changes:
6060

61-
当高程变化时,你可以用 `mat-elevation-transition` 混入器来简便的添加转场动画:
61+
当纵深变化时,你可以用 `mat-elevation-transition` 混入器来简便的添加转场动画:
6262

6363
```scss
6464
@import '~@angular/material/theming';

src/material/button/button.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -21,17 +21,17 @@ There are several button variants, each applied as an attribute:
2121
|----------------------|--------------------------------------------------------------------------|
2222
| 属性 | 说明 |
2323
| `mat-button` | Rectangular text button w/ no elevation |
24-
| `mat-button` | 方形文字按钮 / 无高程(Z 轴位置) |
24+
| `mat-button` | 方形文字按钮 / 无纵深(Z 轴位置) |
2525
| `mat-raised-button` | Rectangular contained button w/ elevation |
26-
| `mat-raised-button` | 方形填充按钮 / 有高程 |
26+
| `mat-raised-button` | 方形填充按钮 / 有纵深 |
2727
| `mat-flat-button` | Rectangular contained button w/ no elevation |
28-
| `mat-flat-button` | 方形填充按钮 / 无高程 |
28+
| `mat-flat-button` | 方形填充按钮 / 无纵深 |
2929
| `mat-stroked-button` | Rectangular outlined button w/ no elevation |
30-
| `mat-stroked-button` | 方形外框按钮 / 无高程 |
30+
| `mat-stroked-button` | 方形外框按钮 / 无纵深 |
3131
| `mat-icon-button` | Circular button with a transparent background, meant to contain an icon |
3232
| `mat-icon-button` | 圆形无背景按钮,通常就是个图标 |
3333
| `mat-fab` | Circular button w/ elevation, defaults to theme's accent color |
34-
| `mat-fab` | 圆形按钮 / 有高程,默认使用主题中的 accent 颜色 |
34+
| `mat-fab` | 圆形按钮 / 有纵深,默认使用主题中的 accent 颜色 |
3535
| `mat-mini-fab` | Same as `mat-fab` but smaller |
3636
| `mat-mini-fab` |`mat-tab` 一样,但更小 |
3737

0 commit comments

Comments
 (0)