Commit 9d11df27e6f59d5c0d6bf6019663ef0b627787bd
1 parent
8b5b9362
自定义导航样式调整
Showing
1 changed file
with
12 additions
and
8 deletions
components/diy_nav/diy_nav.wxss
| ... | ... | @@ -18,11 +18,12 @@ |
| 18 | 18 | |
| 19 | 19 | .big_view_one { |
| 20 | 20 | width: 25%; |
| 21 | - min-height: 145rpx; | |
| 21 | + /* min-height: 145rpx; */ | |
| 22 | 22 | height: auto; |
| 23 | 23 | display: inline-block; |
| 24 | 24 | text-align: center; |
| 25 | 25 | vertical-align: middle; |
| 26 | + padding: 10rpx 0; | |
| 26 | 27 | } |
| 27 | 28 | |
| 28 | 29 | /* 第一张图片 */ |
| ... | ... | @@ -31,7 +32,7 @@ |
| 31 | 32 | display: inline-block; |
| 32 | 33 | vertical-align: middle; |
| 33 | 34 | flex-direction: row; |
| 34 | - margin-top: 30rpx; | |
| 35 | + /* margin-top: 30rpx; */ | |
| 35 | 36 | } |
| 36 | 37 | |
| 37 | 38 | /* 第一个文字 */ |
| ... | ... | @@ -40,7 +41,7 @@ |
| 40 | 41 | /*display: flex;*/ |
| 41 | 42 | height: 40rpx; |
| 42 | 43 | font-size: 30rpx; |
| 43 | - margin-top: 20rpx; | |
| 44 | + /* margin-top: 20rpx; */ | |
| 44 | 45 | /*margin-left: 40rpx;*/ |
| 45 | 46 | text-align: center; |
| 46 | 47 | } |
| ... | ... | @@ -51,7 +52,7 @@ |
| 51 | 52 | /* display: inline-block; */ |
| 52 | 53 | display: flex; |
| 53 | 54 | width: 100%; |
| 54 | - min-height: 122rpx; | |
| 55 | + /* min-height: 122rpx; */ | |
| 55 | 56 | height: auto; |
| 56 | 57 | margin: 0 auto; |
| 57 | 58 | text-align: center; |
| ... | ... | @@ -63,11 +64,14 @@ |
| 63 | 64 | display: inline-block; |
| 64 | 65 | /* display: flex; */ |
| 65 | 66 | width: 20%; |
| 66 | - min-height: 86rpx; | |
| 67 | + /* min-height: 86rpx; | |
| 67 | 68 | line-height: 86rpx; |
| 68 | - height: auto; | |
| 69 | - margin-top: 20rpx; | |
| 69 | + height: auto; */ | |
| 70 | + /* margin-top: 20rpx; */ | |
| 71 | + box-sizing: border-box; | |
| 70 | 72 | text-align: center; |
| 73 | + padding-top: 20rpx; | |
| 74 | + padding-bottom: 20rpx; | |
| 71 | 75 | } |
| 72 | 76 | |
| 73 | 77 | /* 图片2 */ |
| ... | ... | @@ -94,7 +98,7 @@ |
| 94 | 98 | .big_border_three { |
| 95 | 99 | display: flex; |
| 96 | 100 | width: 100%; |
| 97 | - height: 108rpx; | |
| 101 | + /* height: 108rpx; */ | |
| 98 | 102 | |
| 99 | 103 | } |
| 100 | 104 | ... | ... |