品牌店铺分享页面

@@ -4,4 +4,5 @@
 |首页| /|
 |侧边栏| /sidebar| 只有 app 使用|
 |品牌列表| /brand-list| |
-|品牌店铺| /brand?domain=colormad| |
\ No newline at end of file
+|品牌店铺| /brand?domain=colormad| |
+|品牌店铺分享页面| /brand-share?domain=colormad| |
\ No newline at end of file

 <template>
-    <brand-top-cmpnt v-bind:share-data="shareData"></brand-top-cmpnt>
-    <brand-shop-top-cmpnt v-bind:domain="'nike'"></brand-shop-top-cmpnt>
+    <brand-top v-bind:share-data="shareData"></brand-top>
+    <brand-shop-top></brand-shop-top>
     <!--<goods-list v-bind:data="productList"></goods-list>-->
 </template>
 
 <script>
     const $ = require('yoho-jquery');
     const tip = require('common/tip');
-    const brandTopCmpnt = require('channel/brand-top.vue');
-    const brandShopTopCmpnt = require('channel/brand-shop-top.vue');
+    const brandTop = require('channel/brand-top.vue');
+    const brandShopTop = require('channel/brand-shop-top.vue');
     const goodsList = require('product/list.vue');
 
     module.exports = {
@@ -37,8 +37,8 @@
             }
         },
         components: {
-            brandTopCmpnt,
-            brandShopTopCmpnt,
+            brandTop,
+            brandShopTop,
             goodsList
         }
     };

 <template>
-
+    <div class="brand-share">
+        <div class="brand-top-box" v-bind:style="{ 'background-image': `url(${brandBg})` }"></div>
+        <div class="brand-title">{{ brandName }}</div>
+        <div class="brand-intro">{{ brandIntro }}</div>
+        <div class="tip">进入 BLK 选购潮品</div>
+        <div class="arrow">i</div>
+        <img v-lazy="brandBg | resize 752 365">
+    </div>
 </template>
 <style>
-    body{
-        background-color:#ff0000;
+    .brand-share {
+        .brand-top-box {
+            width: 100%;
+            height: 468px;
+            color: #fff;
+            background-color: #000;
+            position: relative;
+        }
+
+        .brand-title {
+            margin: 30px;
+            font-weight: 700;
+            font-size: 32px;
+            color: #000;
+            font-style: italic;
+        }
+
+        .brand-intro {
+            margin: 30px;
+            min-height: 400px;
+        }
+
+        .tip {
+            width: 100%;
+            text-align: center;
+            font-size: 36px;
+            margin: 10px 0;
+        }
+
+        .arrow {
+            width: 100%;
+            text-align: center;
+            margin-bottom: 20px;
+        }
+
+        img {
+            width: 100%;
+            height: 365px;
+        }
+
     }
 </style>
 <script>
+    const brandShopTop = require('channel/brand-shop-top.vue');
 
+    module.exports = {
+        data() {
+            return {
+                brandName: 'COLORMAD',
+                brandBg: 'http://7xwj52.com1.z0.glb.clouddn.com/brandbg.jpg',
+                brandIntro: 'COLORMAD坚持女性的时尚美丽不应为牺牲健康为代价，以健康，时尚，科技为理念，' +
+                    '研发健康无伤害的新概念甲油。'
+            };
+        },
+        components: {
+            brandShopTop
+        }
+    };
 </script>

@@ -25,7 +25,9 @@
             padding: 0 30px;
 
             .brand-title {
+                font-weight: 700;
                 font-size: 32px;
+                font-style: italic;
             }
 
             hr {
@@ -85,7 +87,6 @@
     const qs = require('yoho-qs');
 
     module.exports = {
-        props: ['domain'],
         data() {
             return {
                 brandIntro: {},