letter-list

@@ -18,10 +18,11 @@ const component = {
     /* 品牌店铺页面 */
     /* 品牌店铺页面 */
     brand: (req, res, next) => {
     brand: (req, res, next) => {
         let params = req.query;
         let params = req.query;
+
         brandModel.getBrandData(params).then(result => {
         brandModel.getBrandData(params).then(result => {
             res.render('brand/index', {
             res.render('brand/index', {
-                module: 'brand',
-                page: 'index',
+                module: 'channel',
+                page: 'brand',
                 result: result
                 result: result
             });
             });
         });
         });

@@ -12,4 +12,8 @@
         <div class="expand"></div>
         <div class="expand"></div>
         <div class="collapse"></div>
         <div class="collapse"></div>
     </div>
     </div>
-{{/ result}}
+{{/ result}}
+
+<div id="letter-list">
+    <letter-list></letter-list>
+</div>

+/**
+ * Created by PhpStorm.
+ * User: Targaryen
+ * Date: 2016/7/19
+ * Time: 16:05
+ */
+require('./brand/index');

@@ -4,13 +4,23 @@
  * Date: 2016/7/19
  * Date: 2016/7/19
  * Time: 10:16
  * Time: 10:16
  */
  */
-var $ = require('yoho-jquery');
+var $ = require('yoho-jquery'),
+    Vue = require('yoho-vue');
+
+var letterList = require('channel/letter-list.vue');
 
 
 var $expand = $('.expand'),
 var $expand = $('.expand'),
     $collapse = $('.collapse'),
     $collapse = $('.collapse'),
     $brandIntro = $('.brand-intro'),
     $brandIntro = $('.brand-intro'),
     exCoTm = 6; // 展开隐藏的倍数
     exCoTm = 6; // 展开隐藏的倍数
 
 
+var vm = new Vue({
+    el: '#letter-list',
+    components: {
+        letterList: letterList
+    }
+});
+
 $expand.on('click', function() {
 $expand.on('click', function() {
     $brandIntro.removeClass('line-clamp').animate({height: $brandIntro.height() * exCoTm});
     $brandIntro.removeClass('line-clamp').animate({height: $brandIntro.height() * exCoTm});
     $expand.hide();
     $expand.hide();

+<template>
+    <div>
+        <div>this is template body</div>
+    </div>
+</template>
+<style>
+
+    body {
+        background-color: #f00;
+    }
+
+</style>
+<script>
+    export default{
+        data(){
+            return{
+                msg:'hello vue'
+            }
+        }
+    }
+</script>