Merge branch 'feature/brand' of git.yoho.cn:fe/yohoblk-wap into feature/brand

@@ -2,4 +2,5 @@
 |---|---|---|
 |Name | Path| Note|
 |首页| /|
-|侧边栏| /sidebar| 只有 app 使用|
\ No newline at end of file
+|侧边栏| /sidebar| 只有 app 使用|
+|品牌列表| /brand-list| |
\ No newline at end of file

@@ -72,15 +72,20 @@ const getBrandData = params => {
                     if (subResult[0].code === 200) {
 
                         /* TODO 判断是否是使用 BLK 模板，不使用 BLK 模板的就直接返回 */
-                        if (subResult[0].data.shop_template_type === 2) {
+                        if (subResult[0].data.shop_template_type === '2') {
                             Object.assign(finalResult, {
+
+                                /* TODO 背景图取资源位，接口未开发 */
                                 brandBg: 'http://7xwj52.com1.z0.glb.clouddn.com/brandbg.jpg',
+
+                                /* TODO 是否显示店铺 LOGO，接口未开发 */
                                 showBrandLogo: false,
-                                brandLogo: 'https://img11.static.yhbimg.com/brandLogo/2016/04/13/15/010eb8606c1072fd2e769c62567d3bbe93.png?imageView2/2/w/140/h/140',
-                                brandName: 'A.Dorad',
-                                brandIntro: 'Dora毕业于中国美术学院的珠宝设计专业。毕业之后，Dora便开始游走于各国，吸收各地首饰设计的精髓，之后又在首尔修学了3年，A.Dorad饰品系列诞生于首尔， 设计师Dora将首尔设为起点并逐步推向国际。2013年，A.Dorad将旗下主力设计师带领进军广州，并以此为基地，以国际化的标准，设计出全新概念饰品。A.Dorad给人们提供高品质的服务，并且拥有独有的工艺。多样的珠宝首饰产品造型更衬托出其前卫、高雅的设计理念。珍贵的矿石搭配流行的创意理念，启迪了人类艺术。A.Dorad饰品符合现代年轻人对珠宝的追求与热爱，充满个性与时尚.它可以满足不同人的需求独家定制专属于自己的水晶饰品。A.Dorad将继续发挥无与伦比的创造力并开启通往浪漫梦幻的大门。',
+                                brandLogo: subResult[0].data.shop_logo,
+                                brandName: subResult[0].data.shop_name,
+                                brandIntro: subResult[0].data.shop_intro,
                                 showMore: false
                             });
+                            return finalResult;
                         } else {
                             logger.info('no BLK template');
                         }
@@ -94,8 +99,6 @@ const getBrandData = params => {
         } else {
             logger.error('getBrandOriginData api code no 200');
         }
-
-        return finalResult;
     });
 };
 

@@ -19,7 +19,6 @@
 <style>
     .brand-list-box {
         width: 100%;
-        height: 600px;
 
         .per-brand-box {
             .index {
@@ -32,11 +31,12 @@
         }
 
         .brand-box {
-            width: 25%;
-            height: 175px;
+            width: 24%;
+            height: 180px;
             float: left;
             overflow: hidden;
             text-align: center;
+            margin: 0 0.5%;
 
             .brand-logo {
                 height: 150px;

@@ -22,24 +22,23 @@
             width: 100%;
             position: absolute;
             bottom: 20px;
+            padding: 0 30px;
 
             .brand-title {
-                margin-left: 5%;
                 font-size: 32px;
             }
 
             hr {
-                width: 90%;
+                width: 100%;
                 border: #fff solid 1px;
                 border-top: none;
             }
 
             .brand-intro-transition {
                 transition: all 0.3s ease;
-                margin-left: 5%;
                 font-size: 16px;
                 line-height: 32px;
-                width: 90%;
+                width: 82%;
                 height: 220px;
                 overflow-y: auto;
             }
@@ -52,7 +51,6 @@
             .brand-short {
                 height: 60px !important;
                 display: -webkit-box !important;
-                margin-left: 5%;
                 font-size: 16px;
                 line-height: 32px;
                 width: 82%;
@@ -69,7 +67,7 @@
             height: 60px;
             position: absolute;
             bottom: 20px;
-            right: 5%;
+            right: 30px;
         }
 
         .expand {

@@ -6,7 +6,6 @@
 <style>
     .list-box {
         position: fixed;
-        height: 500px;
         width: 30px;
         margin: 0;
         padding: 6px;