Commit 9d11df27e6f59d5c0d6bf6019663ef0b627787bd

Authored by 后端研发-苏泰源
1 parent 8b5b9362

自定义导航样式调整

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