Authored by 王水玲

活动模版优化

1.3 KB | W: | H:

16.7 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
@@ -260,10 +260,16 @@ @@ -260,10 +260,16 @@
260 } 260 }
261 261
262 .is-style-2 { 262 .is-style-2 {
  263 + padding: 0 30px 10px;
  264 +
263 .feature-product-info { 265 .feature-product-info {
  266 + width: 275px;
  267 + margin-right: 30px;
  268 + margin-top: 56px;
  269 +
264 .product-name { 270 .product-name {
265 text-align: left; 271 text-align: left;
266 - font-size: 24px; 272 + font-size: 22px;
267 color: #444; 273 color: #444;
268 letter-spacing: 0; 274 letter-spacing: 0;
269 margin-top: 20px; 275 margin-top: 20px;
@@ -275,30 +281,39 @@ @@ -275,30 +281,39 @@
275 text-align: left; 281 text-align: left;
276 letter-spacing: 0; 282 letter-spacing: 0;
277 margin-top: 3px; 283 margin-top: 3px;
  284 + height: 27px;
  285 + line-height: 27px;
278 } 286 }
279 287
280 .sale-price { 288 .sale-price {
281 color: #d0021b; 289 color: #d0021b;
282 - font-size: 24px;  
283 - line-height: 30px; 290 + font-size: 22px;
  291 + line-height: 27px;
284 float: left; 292 float: left;
285 } 293 }
286 294
287 .market-price { 295 .market-price {
288 color: #b0b0b0; 296 color: #b0b0b0;
289 - font-size: 24px;  
290 - line-height: 30px; 297 + font-size: 22px;
  298 + line-height: 27px;
291 float: left; 299 float: left;
292 margin-left: 10px; 300 margin-left: 10px;
293 } 301 }
294 302
295 .vip { 303 .vip {
296 background: resolve("activity/vip@2x.png") no-repeat; 304 background: resolve("activity/vip@2x.png") no-repeat;
297 - background-size: cover;  
298 - width: 56px;  
299 - height: 30px; 305 + background-size: contain;
  306 + width: 48px;
  307 + height: 27px;
300 margin-left: 10px; 308 margin-left: 10px;
301 float: left; 309 float: left;
302 } 310 }
  311 +
  312 + .product-detail-imgbox {
  313 + .product-detail-img {
  314 + width: 100%;
  315 + height: 369px;
  316 + }
  317 + }
303 } 318 }
304 } 319 }