Authored by htoooth

precode class

13.8 KB | W: | H:

13.9 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
@@ -594,6 +594,7 @@ bindEvent.add(function() { @@ -594,6 +594,7 @@ bindEvent.add(function() {
594 } 594 }
595 } 595 }
596 596
  597 + // 增加事件
597 clickMoreCouponEvent.add(clickMoreCoupon); 598 clickMoreCouponEvent.add(clickMoreCoupon);
598 }); 599 });
599 600
@@ -703,7 +704,6 @@ window.fetchHotArea = fetchHotArea; @@ -703,7 +704,6 @@ window.fetchHotArea = fetchHotArea;
703 // 商品详情图片懒加载 704 // 商品详情图片懒加载
704 lazyLoad($('#details-html img')); 705 lazyLoad($('#details-html img'));
705 706
706 -  
707 // 咨询和评价 707 // 咨询和评价
708 function fetchComment() { 708 function fetchComment() {
709 var commentPage = 1, 709 var commentPage = 1,
@@ -244,6 +244,8 @@ @@ -244,6 +244,8 @@
244 line-height: 18px; 244 line-height: 18px;
245 font-size: 12px; 245 font-size: 12px;
246 color: red; 246 color: red;
  247 + margin-left: 8px;
  248 + margin-right: 8px;
247 } 249 }
248 250
249 .more-coupon { 251 .more-coupon {
@@ -255,15 +257,40 @@ @@ -255,15 +257,40 @@
255 font-size: 12px; 257 font-size: 12px;
256 color: white; 258 color: white;
257 margin-left: 8px; 259 margin-left: 8px;
  260 + margin-right: 8px;
258 cursor: pointer; 261 cursor: pointer;
259 } 262 }
260 263
261 .small { 264 .small {
  265 + position: relative;
262 float: left; 266 float: left;
263 - width: 96px;  
264 height: 18px; 267 height: 18px;
265 - background: resolve("product/coupon-small.png") no-repeat;  
266 - margin-right: 20px; 268 + margin-right: 10px;
  269 + margin-left: 10px;
  270 + background-color: #d0021b;
  271 + min-width: 10px;
  272 + }
  273 +
  274 + .small:before {
  275 + position: absolute;
  276 + display: inline-block;
  277 + content: "";
  278 + top: 0;
  279 + left: -5px;
  280 + width: 5px;
  281 + height: 18px;
  282 + background: url(/product/small-coupon-before.png);
  283 + }
  284 +
  285 + .small:after {
  286 + position: absolute;
  287 + display: inline-block;
  288 + content: "";
  289 + top: 0;
  290 + right: -5px;
  291 + width: 5px;
  292 + height: 18px;
  293 + background: url(/product/small-coupon-after.png);
267 } 294 }
268 } 295 }
269 296