fe / YOHO-ACTIVITY-PHP · Commits

Go to a project

Authored by ccbikai
Commit 5fa84a161b7aeb91b0011bcf9c6d89361a4e8a3b 1 parent 8f20f14f

首页 自定义品牌，热门品牌 样式问题修复

Inline Side-by-side
Showing 1 changed file with 10 additions and 7 deletions
@@ -17,14 +17,15 @@ @@ -17,14 +17,15 @@
17 overflow: hidden; 17 overflow: hidden;
18 18
19 .brand-logo { 19 .brand-logo {
20 - width: 100%; 20 + display: table-cell;
  21 + width: 3.95rem;
21 height: 128rem / $pxConvertRem; 22 height: 128rem / $pxConvertRem;
22 line-height: 128rem / $pxConvertRem; 23 line-height: 128rem / $pxConvertRem;
23 text-align: center; 24 text-align: center;
24 font-size: 0; 25 font-size: 0;
  26 + vertical-align: middle;
25 27
26 img { 28 img {
27 - vertical-align: middle;  
28 max-width: 100%; 29 max-width: 100%;
29 max-height: 100%; 30 max-height: 100%;
30 } 31 }
@@ -68,13 +69,13 @@ @@ -68,13 +69,13 @@
68 .brands-swiper { 69 .brands-swiper {
69 background: #fff; 70 background: #fff;
70 width: 100%; 71 width: 100%;
71 - height: 140rem / $pxConvertRem; 72 + height: 180rem / $pxConvertRem;
72 margin-bottom: 28rem / $pxConvertRem; 73 margin-bottom: 28rem / $pxConvertRem;
73 overflow: hidden; 74 overflow: hidden;
74 75
75 .brands-list { 76 .brands-list {
76 position: relative; 77 position: relative;
77 - height: 140rem / $pxConvertRem; 78 + height: 180rem / $pxConvertRem;
78 79
79 li { 80 li {
80 float: left; 81 float: left;
@@ -85,11 +86,12 @@ @@ -85,11 +86,12 @@
85 86
86 a { 87 a {
87 position: relative; 88 position: relative;
88 - display: block; 89 + display: table-cell;
89 width: 100%; 90 width: 100%;
90 - height: 100%; 91 + height: 140rem / $pxConvertRem;
91 line-height: 140rem / $pxConvertRem; 92 line-height: 140rem / $pxConvertRem;
92 font-size: 0; 93 font-size: 0;
  94 + vertical-align: middle;
93 } 95 }
94 96
95 img { 97 img {
@@ -102,7 +104,8 @@ @@ -102,7 +104,8 @@
102 position: absolute; 104 position: absolute;
103 left: 8rem / $pxConvertRem; 105 left: 8rem / $pxConvertRem;
104 right: 8rem / $pxConvertRem; 106 right: 8rem / $pxConvertRem;
105 - bottom: 8rem / $pxConvertRem; 107 + bottom: -32rem / $pxConvertRem;
  108 + width: 100%;
106 height: 28rem / $pxConvertRem; 109 height: 28rem / $pxConvertRem;
107 line-height: 28rem / $pxConvertRem; 110 line-height: 28rem / $pxConvertRem;
108 text-align: center; 111 text-align: center;