Commit ccd74b6bd99e09f18155138915872858d74c7ffe
1 parent
9ce611e6
Exists in
master
[修改] 导航栏css改为rem
Showing
1 changed file
with
9 additions
and
9 deletions
Show diff stats
packages/navBar/index.css
| @@ -17,7 +17,7 @@ | @@ -17,7 +17,7 @@ | ||
| 17 | vertical-align: middle; | 17 | vertical-align: middle; |
| 18 | } | 18 | } |
| 19 | .zui-nav-bar--border-bottom { | 19 | .zui-nav-bar--border-bottom { |
| 20 | - border-bottom: 1px solid #E2E4EA; | 20 | + border-bottom: 0.0625rem solid #E2E4EA; |
| 21 | } | 21 | } |
| 22 | .zui-nav-bar--fixed { | 22 | .zui-nav-bar--fixed { |
| 23 | position: fixed; | 23 | position: fixed; |
| @@ -32,7 +32,7 @@ | @@ -32,7 +32,7 @@ | ||
| 32 | justify-content: center; | 32 | justify-content: center; |
| 33 | text-align: center; | 33 | text-align: center; |
| 34 | flex: auto; | 34 | flex: auto; |
| 35 | - font-size: 18px; | 35 | + font-size: 1.125rem; |
| 36 | font-weight: 700; | 36 | font-weight: 700; |
| 37 | overflow: hidden; | 37 | overflow: hidden; |
| 38 | text-overflow: ellipsis; | 38 | text-overflow: ellipsis; |
| @@ -41,28 +41,28 @@ | @@ -41,28 +41,28 @@ | ||
| 41 | .zui-nav-bar__left, | 41 | .zui-nav-bar__left, |
| 42 | .zui-nav-bar__right { | 42 | .zui-nav-bar__right { |
| 43 | flex: 1; | 43 | flex: 1; |
| 44 | - font-size: 16px; | 44 | + font-size: 1rem; |
| 45 | display: flex; | 45 | display: flex; |
| 46 | align-items: center; | 46 | align-items: center; |
| 47 | } | 47 | } |
| 48 | .zui-nav-bar__left { | 48 | .zui-nav-bar__left { |
| 49 | justify-content: flex-start; | 49 | justify-content: flex-start; |
| 50 | - padding-left: 10px; | 50 | + padding-left: 0.625rem; |
| 51 | } | 51 | } |
| 52 | .zui-nav-bar__right { | 52 | .zui-nav-bar__right { |
| 53 | justify-content: flex-end; | 53 | justify-content: flex-end; |
| 54 | - padding-right: 10px; | 54 | + padding-right: 0.625rem; |
| 55 | } | 55 | } |
| 56 | .zui-nav-bar__left, | 56 | .zui-nav-bar__left, |
| 57 | .zui-nav-bar__right, | 57 | .zui-nav-bar__right, |
| 58 | .zui-nav-bar__title { | 58 | .zui-nav-bar__title { |
| 59 | - padding-top: 9px; | ||
| 60 | - padding-bottom: 9px; | 59 | + padding-top: 0.625rem; |
| 60 | + padding-bottom: 0.625rem; | ||
| 61 | } | 61 | } |
| 62 | .zui-nav-bar__text { | 62 | .zui-nav-bar__text { |
| 63 | display: inline-block; | 63 | display: inline-block; |
| 64 | - margin: 0 2px; | ||
| 65 | - padding: 0 2px; | 64 | + margin: 0 0.125rem; |
| 65 | + padding: 0 0.125rem; | ||
| 66 | vertical-align: middle; | 66 | vertical-align: middle; |
| 67 | } | 67 | } |
| 68 | .zui-ellipsis { | 68 | .zui-ellipsis { |