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 | 17 | vertical-align: middle; |
| 18 | 18 | } |
| 19 | 19 | .zui-nav-bar--border-bottom { |
| 20 | - border-bottom: 1px solid #E2E4EA; | |
| 20 | + border-bottom: 0.0625rem solid #E2E4EA; | |
| 21 | 21 | } |
| 22 | 22 | .zui-nav-bar--fixed { |
| 23 | 23 | position: fixed; |
| ... | ... | @@ -32,7 +32,7 @@ |
| 32 | 32 | justify-content: center; |
| 33 | 33 | text-align: center; |
| 34 | 34 | flex: auto; |
| 35 | - font-size: 18px; | |
| 35 | + font-size: 1.125rem; | |
| 36 | 36 | font-weight: 700; |
| 37 | 37 | overflow: hidden; |
| 38 | 38 | text-overflow: ellipsis; |
| ... | ... | @@ -41,28 +41,28 @@ |
| 41 | 41 | .zui-nav-bar__left, |
| 42 | 42 | .zui-nav-bar__right { |
| 43 | 43 | flex: 1; |
| 44 | - font-size: 16px; | |
| 44 | + font-size: 1rem; | |
| 45 | 45 | display: flex; |
| 46 | 46 | align-items: center; |
| 47 | 47 | } |
| 48 | 48 | .zui-nav-bar__left { |
| 49 | 49 | justify-content: flex-start; |
| 50 | - padding-left: 10px; | |
| 50 | + padding-left: 0.625rem; | |
| 51 | 51 | } |
| 52 | 52 | .zui-nav-bar__right { |
| 53 | 53 | justify-content: flex-end; |
| 54 | - padding-right: 10px; | |
| 54 | + padding-right: 0.625rem; | |
| 55 | 55 | } |
| 56 | 56 | .zui-nav-bar__left, |
| 57 | 57 | .zui-nav-bar__right, |
| 58 | 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 | 62 | .zui-nav-bar__text { |
| 63 | 63 | display: inline-block; |
| 64 | - margin: 0 2px; | |
| 65 | - padding: 0 2px; | |
| 64 | + margin: 0 0.125rem; | |
| 65 | + padding: 0 0.125rem; | |
| 66 | 66 | vertical-align: middle; |
| 67 | 67 | } |
| 68 | 68 | .zui-ellipsis { | ... | ... |