fe / yohobuywap-node · Commits

Go to a project

Authored by zzzzzzz
Commit 74e9690d709dbf616e4200baa178bb30854ee805 1 parent 612a9ada

店铺推荐收藏浏览

Inline Side-by-side
Showing 4 changed files with 71 additions and 0 deletions
@@ -4,12 +4,19 @@ @@ -4,12 +4,19 @@
4 <div class="shop-recom-container shop-recom-swiper-container"> 4 <div class="shop-recom-container shop-recom-swiper-container">
5 <ul class="swiper-wrapper"> 5 <ul class="swiper-wrapper">
6 <li class="swiper-slide recom-shop"> 6 <li class="swiper-slide recom-shop">
  7 + <div class="fav-container">
  8 + <div class="shop-fav"></div><span>已收藏</span>
  9 + </div>
  10 + <span class="faved-num">1234人以收藏</span>
7 <img src="//img10.static.yhbimg.com/yhb-img01/2016/10/21/13/0149f69bae453be2b9766205c360611a7b.jpg?imageView2/2/w/411/h/239/q/90" alt="banner" class="top"> 11 <img src="//img10.static.yhbimg.com/yhb-img01/2016/10/21/13/0149f69bae453be2b9766205c360611a7b.jpg?imageView2/2/w/411/h/239/q/90" alt="banner" class="top">
8 <img src="//img10.static.yhbimg.com/yhb-img01/2016/10/27/10/017deb63b74900161d516b506370066877.jpg?imageView2/2/w/206/h/168/q/90" alt="left" class="bottom"> 12 <img src="//img10.static.yhbimg.com/yhb-img01/2016/10/27/10/017deb63b74900161d516b506370066877.jpg?imageView2/2/w/206/h/168/q/90" alt="left" class="bottom">
9 <img src="//img10.static.yhbimg.com/yhb-img01/2016/10/27/10/01907c964b9c98ba8b37606c4963508bc9.jpg?imageView2/2/w/206/h/168/q/90" alt="right" class="bottom"> 13 <img src="//img10.static.yhbimg.com/yhb-img01/2016/10/27/10/01907c964b9c98ba8b37606c4963508bc9.jpg?imageView2/2/w/206/h/168/q/90" alt="right" class="bottom">
10 </li> 14 </li>
11 15
12 <li class="swiper-slide recom-shop"> 16 <li class="swiper-slide recom-shop">
  17 + <div class="fav-container">
  18 + <div class="shop-notfav"></div><span>收藏</span>
  19 + </div>
13 <img src="//img10.static.yhbimg.com/yhb-img01/2016/10/21/13/0149f69bae453be2b9766205c360611a7b.jpg?imageView2/2/w/411/h/239/q/90" alt="banner" class="top"> 20 <img src="//img10.static.yhbimg.com/yhb-img01/2016/10/21/13/0149f69bae453be2b9766205c360611a7b.jpg?imageView2/2/w/411/h/239/q/90" alt="banner" class="top">
14 <img src="//img10.static.yhbimg.com/yhb-img01/2016/10/27/10/017deb63b74900161d516b506370066877.jpg?imageView2/2/w/206/h/168/q/90" alt="left" class="bottom"> 21 <img src="//img10.static.yhbimg.com/yhb-img01/2016/10/27/10/017deb63b74900161d516b506370066877.jpg?imageView2/2/w/206/h/168/q/90" alt="left" class="bottom">
15 <img src="//img10.static.yhbimg.com/yhb-img01/2016/10/27/10/01907c964b9c98ba8b37606c4963508bc9.jpg?imageView2/2/w/206/h/168/q/90" alt="right" class="bottom"> 22 <img src="//img10.static.yhbimg.com/yhb-img01/2016/10/27/10/01907c964b9c98ba8b37606c4963508bc9.jpg?imageView2/2/w/206/h/168/q/90" alt="right" class="bottom">
@@ -16,6 +16,45 @@ @@ -16,6 +16,45 @@
16 width: 50%; 16 width: 50%;
17 } 17 }
18 18
  19 + .fav-container {
  20 + position: absolute;
  21 + top: 12px;
  22 + left: 15px;
  23 +
  24 + span {
  25 + font-size: 18px;
  26 + color: #fff;
  27 + }
  28 + }
  29 +
  30 + .shop-fav {
  31 + display: inline-block;
  32 + height: 21px;
  33 + width: 24px;
  34 + background: resolve("channel/faved.png");
  35 + background-size: 100% 100%;
  36 + vertical-align: middle;
  37 + margin-right: 8px;
  38 + }
  39 +
  40 + .shop-notfav {
  41 + display: inline-block;
  42 + height: 21px;
  43 + width: 24px;
  44 + background: resolve("channel/notfav.png");
  45 + background-size: 100% 100%;
  46 + vertical-align: middle;
  47 + margin-right: 8px;
  48 + }
  49 +
  50 + .faved-num {
  51 + position: absolute;
  52 + top: 12px;
  53 + right: 12px;
  54 + color: #fff;
  55 + font-size: 18px;
  56 + }
  57 +
19 } 58 }
20 .swiper-slide { 59 .swiper-slide {
21 text-align: center; 60 text-align: center;
@@ -60,5 +99,30 @@ @@ -60,5 +99,30 @@
60 height: 168px; 99 height: 168px;
61 width: 50%; 100 width: 50%;
62 } 101 }
  102 +
  103 + .fav-container {
  104 + top: 15px;
  105 + left: 18px;
  106 +
  107 + span {
  108 + font-size: 20px;
  109 + }
  110 + }
  111 +
  112 + .shop-fav {
  113 + height: 24px;
  114 + width: 27px;
  115 + }
  116 +
  117 + .shop-notfav {
  118 + height: 24px;
  119 + width: 27px;
  120 + }
  121 +
  122 + .faved-num {
  123 + top: 15px;
  124 + right: 15px;
  125 + font-size: 20px;
  126 + }
63 } 127 }
64 } 128 }