Merge branch 'feature/homePageUpdate' into 'feature/wap323'

频道首页加入一个由两张小图组成的楼层。code review by Zhang Zhen

See merge request !88

 @import "header-download", "banner-top","banner-center","banner-bottom", "side-nav", "floor-header", "hot-brands", "fine-brands", "creative-life", "plus-star", "maybe-like",
 @import "header-download", "banner-top","banner-center","banner-bottom", "side-nav", "floor-header", "hot-brands", "fine-brands", "creative-life", "plus-star", "maybe-like",
 "icons-enter","trendsetter-collocation",
 "icons-enter","trendsetter-collocation",
-"trend-topics","goods-category","hot-brands", "hot-category", "home-header";
+"trend-topics","goods-category","hot-brands", "hot-category", "home-header", "thumb-row";
 
 
 .mobile-container{
 .mobile-container{
     width: 100%;
     width: 100%;

+#thumb-row {
+    @include flexbox((
+        display: box,
+        box-pack: justify
+    ), $version: 1);
+    @include flexbox((
+        display: flex,
+        justify-content: space-around
+    ), $version: 3);
+    background-color: #f0f0f0;
+    text-align: center;
+    padding: 32rem/$pxConvertRem 14rem/$pxConvertRem 0;
+
+    .thumb-row-box {
+        display: inline-block;
+        width: 275rem/$pxConvertRem;
+        height: 160rem/$pxConvertRem;
+        border-radius: 4px;
+        background-size: 100%;
+        background-repeat: no-repeat;
+        background-position: center;
+    }
+}

@@ -14,6 +14,11 @@
         {{> home/banner}}
         {{> home/banner}}
     {{/ banner}}
     {{/ banner}}
 
 
+    {{! 两个小图}}
+    {{# smallPic}}
+        {{> home/thumb_row}}
+    {{/ smallPic}}
+
     {{! 热门品类}}
     {{! 热门品类}}
     {{# hotCategory}}
     {{# hotCategory}}
         {{> home/hot_category}}
         {{> home/hot_category}}

+<div id="thumb-row">
+   {{# list}}
+    <a href="{{url}}">
+        <div class="thumb-row-box" style="background-image:url({{img}})"></div>
+    </a>
+   {{/ list}}
+</div>