Authored by zhangxiaoru

全球购标签居中

@@ -24,7 +24,11 @@ @@ -24,7 +24,11 @@
24 <span class="occupy"></span> 24 <span class="occupy"></span>
25 {{/if}} 25 {{/if}}
26 <span class="brand-name">{{name}}</span> 26 <span class="brand-name">{{name}}</span>
27 - {{#if brandId}}<span class="global"></span>{{/if}} 27 + {{#if brandId}}
  28 + <div class="global-box">
  29 + <span class="global"></span>
  30 + </div>
  31 + {{/if}}
28 <span class="entry"> 32 <span class="entry">
29 进入店铺 33 进入店铺
30 <i class="iconfont">&#xe614;</i> 34 <i class="iconfont">&#xe614;</i>
@@ -98,9 +98,7 @@ @@ -98,9 +98,7 @@
98 overflow: hidden; 98 overflow: hidden;
99 text-overflow: ellipsis; 99 text-overflow: ellipsis;
100 white-space: nowrap; 100 white-space: nowrap;
101 - display: inline-block;  
102 -  
103 - /* position: absolute; */ 101 + float: left;
104 } 102 }
105 103
106 .brand-thumb { 104 .brand-thumb {
@@ -118,6 +116,15 @@ @@ -118,6 +116,15 @@
118 display: inline-block; 116 display: inline-block;
119 } 117 }
120 118
  119 + .global-box {
  120 + margin-left: 10px;
  121 + height: 80px;
  122 + width: 92px;
  123 + display: flex;
  124 + align-items: center;
  125 + float: left;
  126 + }
  127 +
121 .global { 128 .global {
122 background-image: resolve("product/global.png"); 129 background-image: resolve("product/global.png");
123 display: inline-block; 130 display: inline-block;
@@ -125,9 +132,6 @@ @@ -125,9 +132,6 @@
125 height: 34px; 132 height: 34px;
126 background-size: 100%; 133 background-size: 100%;
127 background-repeat: no-repeat; 134 background-repeat: no-repeat;
128 - position: relative;  
129 - top: -30%;  
130 - margin-left: 10px;  
131 } 135 }
132 136
133 .entry { 137 .entry {