content-code-right

@@ -6,23 +6,14 @@
  */
  */
 const Vue = require('yoho-vue');
 const Vue = require('yoho-vue');
 const lazyload = require('yoho-vue-lazyload');
 const lazyload = require('yoho-vue-lazyload');
-const contentCode = require('content-code');
-const qs = require('yoho-qs');
 
 
 const brandBox = require('channel/brand-box.vue');
 const brandBox = require('channel/brand-box.vue');
 
 
 new Vue({
 new Vue({
     el: '#brand',
     el: '#brand',
-    data() {
-        return {
-            page: 'brand',
-            contentCode: contentCode.brand[qs.brand || 'men']
-        };
-    },
     components: {
     components: {
         brandBox
         brandBox
     }
     }
 });
 });
 
 
 Vue.use(lazyload);
 Vue.use(lazyload);
-

@@ -10,16 +10,18 @@ const channel = {
     lifestyle: '3ad8826fc89fb0d023a4cd06a6991219'
     lifestyle: '3ad8826fc89fb0d023a4cd06a6991219'
 };
 };
 
 
+/* 品牌一览资源位 */
 const brand = {
 const brand = {
-    men: '9ee58aadd9559d07207fe4a98843eaac',
-    women: 'aa8d34c85934c2ccc16e2babd3eb5e47',
-    lifestyle: '3ad8826fc89fb0d023a4cd06a6991219'
+    men: '7317a4701a1d3ddc8d93a5df77a63b75',
+    women: '84313c4b293a1c0aea985aa16a42a6b5',
+    lifestyle: 'f2e7142be1d5d622357c44a572390531'
 };
 };
 
 
+/* 分类资源位 */
 const cate = {
 const cate = {
-    men: '9ee58aadd9559d07207fe4a98843eaac',
-    women: 'aa8d34c85934c2ccc16e2babd3eb5e47',
-    lifestyle: '3ad8826fc89fb0d023a4cd06a6991219'
+    men: '7f885e9cab53231cff34ea236f3f1120',
+    women: 'a6f9dc00219eb7d08520a18864929a30',
+    lifestyle: '6f7b590ed3844e680d4052fc5c4d98ad'
 };
 };
 
 
 module.exports = {
 module.exports = {

 <template>
 <template>
-    <div>
-        <resources v-bind:content-code.sync="contentCode"></resources>
-        <letter-list></letter-list>
-        <brand-list v-bind:channel="'boys'"></brand-list>
-    </div>
+    <tab v-bind:page="page"></tab>
+    <resources v-bind:content-code.sync="contentCode"></resources>
+    <letter-list></letter-list>
+    <brand-list v-bind:channel="'boys'"></brand-list>
 </template>
 </template>
-<style>
-</style>
 <script>
 <script>
+    const contentCode = require('content-code');
+    const qs = require('yoho-qs');
+
+    const tab = require('channel/tab.vue');
     const resources = require('component/resources/index.vue');
     const resources = require('component/resources/index.vue');
     const letterList = require('channel/letter-list.vue');
     const letterList = require('channel/letter-list.vue');
     const brandList = require('channel/brand-list.vue');
     const brandList = require('channel/brand-list.vue');
 
 
+
     module.exports = {
     module.exports = {
+        data() {
+            return {
+                page: 'brand',
+                contentCode: contentCode.brand[qs.brand || 'men']
+            };
+        },
         components: {
         components: {
+            tab,
             resources,
             resources,
             letterList,
             letterList,
             brandList
             brandList