星潮教室

@@ -54,7 +54,7 @@ var CalendarHandler = {
         var months = ['January', 'February', 'March', 'April', 'May',
                     'June', 'July', 'August', 'September', 'October', 'November', 'December'];
 
-        var signDay = $('.sign-day').val();
+        // var signDay = $('.sign-day').val();
 
         $dayItem = $('<div class="dayItem"></div>');
 
@@ -67,6 +67,8 @@ var CalendarHandler = {
         this.currentMonth = nowMonth;
         nowDaysNub = this.calculateMonthDays(nowMonth, nowYear);
 
+        window.nowDaysNub = nowDaysNub;
+
         $('.cur-year').html(nowYear);
         $('.cur-month').html(months[nowMonth - 1]);
 
@@ -86,11 +88,13 @@ var CalendarHandler = {
 
         // 生成当月的日期
         for (i = 1; i <= nowDaysNub; i++) {
-            if (signDay.indexOf(i) > -1) {
-                $dayItem.append('<div class="item signItem">' + i + '</div>');
-            } else {
-                $dayItem.append('<div class="item">' + i + '</div>');
-            }
+            // if (signDay.indexOf(i) > -1) {
+            //     $dayItem.append('<div class="item signItem">' + i + '</div>');
+            // } else {
+            //     $dayItem.append('<div class="item">' + i + '</div>');
+            // }
+
+            $dayItem.append('<div class="item now-days">' + i + '</div>');
         }
 
         // 获取总共已经生成的天数

+/**
+ * 星潮教室-星搭配分页加载
+ * @author: wsl<shuiling.wang@yoho.cn>
+ * @date: 2016/4/12
+ */
+
+var $ = require('jquery'),
+    tip = require('../plugin/tip'),
+    loading = require('../plugin/loading'),
+    stopLoading = false;
+
+var page = 1;
+
+function massageAJAX(page) {
+    loading.showLoadingMask();
+    $.ajax({
+        type: 'GET',
+        url: '/guang/starclass/collocation',
+        data: {
+            page: page
+        },
+        dataType: 'html',
+        success: function(data) {
+            console.log(data[0])
+            if (data === ' ') {
+                stopLoading = true;
+                tip.show('没有更多了');
+            }
+
+            $('.collocation-list').append(data.html);
+            loading.hideLoadingMask();
+        },
+        error: function() {
+            tip.show('网络断开连接了~');
+        }
+    });
+}
+
+function scrollHandler() {
+    if (!stopLoading && ($(window).scrollTop() + $(window).height() > $('body').height() - 100)) {
+        page++;
+        massageAJAX(page);
+    }
+}
+
+$(window).scroll(function() {
+    scrollHandler();
+});
+
+if ($('.collocation-list').find('li').length === 0) {
+    massageAJAX(1);
+}
\ No newline at end of file

@@ -11,4 +11,5 @@ require('./home');
 require('./list');
 require('./detail');
 require('./star-classroom');
-require('./calendar');
\ No newline at end of file
+require('./calendar');
+require('./collocation-list');
\ No newline at end of file

@@ -5,10 +5,62 @@
  */
 
 var $ = require('jquery'),
-    Swiper = require('yoho.iswiper');
+    Swiper = require('yoho.iswiper'),
+    tip = require('../plugin/tip'),
+    loading = require('../plugin/loading'),
+    stopLoading = false;
 
 var bannerSwiper, collocationSwiper;
 
+var page = 1;
+
+function intimacyData(data) {
+    var $ul = $('.fan-charts-cont'),
+        $myIntimacy = $('.my-intimacy'),
+        $increased = $('.increased'),
+        signDay = data.signDay,
+        html = '',
+        style = '';
+
+    var i;
+
+    // var signDay = '30,2,3,6,8,10';
+
+    if (signDay.length > 0) {
+        for (i = 0; i < nowDaysNub; i++) {
+            if (signDay.indexOf(i+1) > -1) {
+                $('.now-days').eq(i).addClass('signItem');
+            }
+        }
+    }
+
+    for (i = 0; i < data.fanCharts.length; i++) {
+        if (i === 0) {
+            style = 'font-bold';
+        } else {
+            style = '';
+        }
+
+        html += '<li>' +
+                '<i class="rank-ico">' + data.fanCharts[i].num + '</i>' +
+                '<img src="' + data.fanCharts[i].img + '" />' +
+                '<span class="fans-name">' + data.fanCharts[i].name + '</span>' +
+                '<div class="fans-intimacy">亲密度<span class="' + style + '">' + data.fanCharts[i].intimacyNum + '</span></div>' +
+                '</li>';
+    }
+
+    $ul.html(html);
+
+    $myIntimacy.find('span').html(data.intimacyNum);
+    $increased.find('span').html(data.intimacyNum);
+
+    $('.pop-intimacy').show();
+    $('.mask').show();
+    $('body').css({
+        overflow: 'hidden'
+    });
+}
+
 if ($('.banner-swiper').find('li').length > 1) {
     bannerSwiper = new Swiper('.banner-swiper', {
         lazyLoading: true,
@@ -38,15 +90,88 @@ if ($('.artice-zan').find('li').length > 0) {
     $('.zan-more').show();
 }
 
-$('.add-intimacy').on('click', function() {
-    $('.pop-intimacy').show();
-    $('.mask').show();
 
-    $('body').css({
-        overflow: 'hidden'
+// 点赞
+$('.like-ico').on('click', function() {
+    var that = $(this),
+        addString = '';
+
+    $.ajax({
+        type: 'POST',
+        url: '/guang/starclass/setPraise',
+        data: {
+            articleId: that.parents('li').attr('articleId')
+        },
+        success: function(data) {
+            var code = data.code;
+
+            if (code === 200) {
+                if (that.hasClass('like')) {
+                    that.removeClass('like');
+                } else {
+                    that.addClass('like');
+                }
+
+                if (data.num > 99) {
+                    addString = '+';
+                } else {
+                    addString = '';
+                }
+
+                that.parent().find('.zan-more').html(data.num + addString);
+            }
+        },
+        error: function() {
+            tip.show('网络断开连接了~');
+        }
     });
 });
 
+
+// 签到
+$('.add-intimacy').on('click', function() {
+    // $.ajax({
+    //     type: 'GET',
+    //     url: '/guang/starclass/sign',
+    //     success: function(data) {
+    //         var code = data.code;
+
+    //         if (code === 200) {
+    //             intimacyData(data.data);
+    //         }
+    //     },
+    //     error: function() {
+    //         tip.show('网络断开连接了~');
+    //     }
+    // });
+    data = {
+        signDay: '1,2,5,8,11',
+        intimacyNum: '15',
+        fanCharts: [
+            {
+                num: '1',
+                img: 'http://img12.static.yhbimg.com/yhb-img01/2016/03/28/04/02ca2b986e193f7134d2f75c74f8169ec3.jpg?imageView/2/w/640/h/240',
+                name: 'aaaaa',
+                intimacyNum: '2546'
+            },
+            {
+                num: '2',
+                img: 'http://img12.static.yhbimg.com/yhb-img01/2016/03/28/04/02ca2b986e193f7134d2f75c74f8169ec3.jpg?imageView/2/w/640/h/240',
+                name: 'aaaaa',
+                intimacyNum: '2546'
+            },
+            {
+                num: '3',
+                img: 'http://img12.static.yhbimg.com/yhb-img01/2016/03/28/04/02ca2b986e193f7134d2f75c74f8169ec3.jpg?imageView/2/w/640/h/240',
+                name: 'aaaaa',
+                intimacyNum: '2546'
+            }
+        ]
+    };
+
+    intimacyData(data);
+});
+
 $('.pop-intimacy .pop-close, .mask').on('click', function() {
     $('.pop-intimacy').hide();
     $('.mask').hide();
@@ -55,3 +180,35 @@ $('.pop-intimacy .pop-close, .mask').on('click', function() {
         overflow: 'visible'
     });
 });
+
+
+// 收藏
+$('.count-area .collection').on('click', function() {
+    var that = $(this)
+        $icon = that.find('.collected-ico'); 
+
+    $.ajax({
+        type: 'POST',
+        url: '/guang/opt/praiseArticle',
+        data: {
+            articleId: that.parents('li').attr('articleId')
+        },
+        success: function(data) {
+            var code = data.code;
+
+            if (code === 200) {
+                if ($icon.hasClass('collected')) {
+                    $icon.removeClass('collected');
+                } else {
+                    $icon.addClass('collected');
+                }
+
+                that.find('.collected-num').html(data.num);
+
+            }
+        },
+        error: function() {
+            tip.show('网络断开连接了~');
+        }
+    });
+});
\ No newline at end of file

@@ -50,7 +50,7 @@ body {
         background: #000;
 
         li {
-            width: 25%;
+            width: 33.3%;
             text-align: center;
             float: left;
             line-height: 88rem / $pxConvertRem;
@@ -389,7 +389,7 @@ body {
             .dayItem {
                 float: left;
                 width: 100%;
-                padding: 10px 23rem / $pxConvertRem;
+                padding: 5rem / $pxConvertRem 23rem / $pxConvertRem;
                 box-sizing: border-box;
 
                 .item {
@@ -398,7 +398,7 @@ body {
                     float: left;
                     text-align: center;
                     cursor: pointer;
-                    margin: 0;
+                    margin: 5rem / $pxConvertRem 0 0 0;
                     height: 56rem / $pxConvertRem;
                     line-height: 56rem / $pxConvertRem;
                     font-size: 28rem / $pxConvertRem;
@@ -552,9 +552,6 @@ body {
                         &.see-ico {
                             width: 31rem / $pxConvertRem;
                             height: 24rem / $pxConvertRem;
-                            background-image: image-url("guang/star-classroom/see.png");
-                            background-repeat: no-repeat;
-                            background-size: contain;
                             padding-left: 40rem / $pxConvertRem;
                         }
                     }
@@ -607,16 +604,23 @@ body {
             border-top: 1px solid #b0b0b0;
             margin-top: 27rem / $pxConvertRem;
             float: left;
-            padding-top: 20rem / $pxConvertRem;        
+            padding-top: 20rem / $pxConvertRem;
 
-            .zan-ico {
+            .iconfont {
+                float: left;
                 width: 34rem / $pxConvertRem;
                 height: 34rem / $pxConvertRem;
-                background-image: image-url("guang/star-classroom/zan.png");
-                background-repeat: no-repeat;
-                background-size: contain;
-                float: left;
+                line-height: 34rem / $pxConvertRem;
+                display: inline-block;
+                color: #b0b0b0;
+                font-size: 34rem / $pxConvertRem;
+                text-align: center;
                 margin: 9rem / $pxConvertRem 53rem / $pxConvertRem 0 14rem / $pxConvertRem;
+                outline: none;
+            }
+
+            .like {
+                color: #D62927;
             }
 
             ul {
@@ -736,10 +740,9 @@ body {
                     line-height: 32rem / $pxConvertRem;
 
                     i {
-                        background-repeat: no-repeat;
-                        background-size: contain;
                         display: inline-block;
                         margin-right: 5rem / $pxConvertRem;
+                        font-size: 24rem / $pxConvertRem;
                     }
 
                     &.time {
@@ -754,38 +757,40 @@ body {
                     .time-ico {
                         width: 24rem / $pxConvertRem;
                         height: 24rem / $pxConvertRem;
-                        background-image: image-url("guang/star-classroom/time.png");
                     }
 
                     .see-ico {
                         width: 31rem / $pxConvertRem;
                         height: 24rem / $pxConvertRem;
-                        background-image: image-url("guang/star-classroom/see.png");
                     }
 
-                    &.zan {
+                    &.collection {
                         position: absolute;
                         right: 122rem / $pxConvertRem;
 
-                        .zan-ico {
+                        .collected-ico {
                             width: 34rem / $pxConvertRem;
                             height: 32rem / $pxConvertRem;
-                            background-image: image-url("guang/star-classroom/xin.png");
                             vertical-align: text-bottom;
                         }
-                    }
 
-                    &.forward {
-                        width: 40rem / $pxConvertRem;
-                        height: 28rem / $pxConvertRem;
-                        background-image: image-url("guang/star-classroom/forward.png");
-                        position: absolute;
-                        right: 23rem / $pxConvertRem;
-                        margin-left: 45rem / $pxConvertRem;
-                        background-repeat: no-repeat;
-                        background-size: contain;
+                        .collected {
+                            color: #D62927;
+                        }
                     }
                 }
+
+                .forward {
+                    width: 40rem / $pxConvertRem;
+                    height: 28rem / $pxConvertRem;
+                    position: absolute;
+                    right: 23rem / $pxConvertRem;
+                    margin-left: 45rem / $pxConvertRem;
+                    font-size: 24rem / $pxConvertRem;
+                    color: #b0b0b0;
+                    height: 32rem / $pxConvertRem;
+                    line-height: 32rem / $pxConvertRem;
+                }
             }
         }
     }

@@ -2,25 +2,11 @@
     {{> layout/header}}
     <div class="star-classroom"> 
         {{> guang/head-tab}}
-        <ul class="collocation-list">
-            {{#each collocationList}}
-                <li>
-                    {{#if img}}
-                        <a href="{{url}}"><img src="{{img}}" /></a>
-                    {{/if}}
-                    <div class="cont-area">
-                        <h2 class="title"><a href="{{url}}">{{title}}</a></h2>
-                        <p class="cont-txt">{{content}}</p>
-                        <div class="count-area">
-                            <span class="time"><i class="time-ico"></i>{{time}}</span>
-                            <span class="see"><i class="see-ico"></i>{{seeNum}}</span>
-                            <span class="zan"><i class="zan-ico"></i>{{zanNum}}</span>
-                            <span class="forward"></span>
-                        </div>
-                    </div>
-                </li>
-            {{/each}}
-        </ul>
+        <ul class="collocation-list"></ul>
     </div>
+    <input type="hidden" id="shareTitle" value="" />
+    <input type="hidden" id="shareImg" value="" />
+    <input type="hidden" id="shareDesc" value="" />
+    <input type="hidden" id="shareLink" value="" />
     {{> layout/footer}}
 {{/trendClassCollocation}}
\ No newline at end of file

 {{# trendClassHome}}
     {{> layout/header}}
-    <div class="star-classroom">
+    <div class="star-classroom yoho-page">
         {{> guang/head-tab}}
         {{> guang/banner-top}}
         {{> guang/home-floor-sign}}

+{{#each collocationList}}
+    <li>
+        {{#if img}}
+            <a href="{{url}}"><img src="{{img}}"/></a>
+        {{/if}}
+        <div class="cont-area">
+            <h2 class="title"><a href="{{url}}">{{title}}</a></h2>
+            <p class="cont-txt">{{content}}</p>
+            <div class="count-area">
+                <span class="time"><i class="iconfont time-ico">&#xe603;</i>{{time}}</span>
+                <span class="see"><i class="iconfont see-ico">&#xe602;</i>{{seeNum}}</span>
+                <span class="collection"><i class="iconfont collected-ico {{#isCollected}} collected {{/isCollected}}">&#xe605;</i><i class="collected-num">{{zanNum}}</i></span>
+                {{# share}}
+                    <a href="{{this}}" class="iconfont forward">&#xe600;</a>
+                {{/share}}
+            </div>
+        </div>
+    </li>
+{{/each}}
\ No newline at end of file

@@ -3,8 +3,8 @@
         <div class="pop-close"></div>
         <h1 class="cur-year"></h1>
         <h4 class="cur-month"></h4>
-        <div class="my-intimacy">亲密度 <span>+{{intimacyNum}}</span></div>
-        <div class="increased">今日已增加<span>{{intimacyNum}}</span>,明日再来哦！</div>
+        <div class="my-intimacy">亲密度 <span></span></div>
+        <div class="increased">今日已增加<span></span>,明日再来哦！</div>
     </div>
     <div class="calendar">
         <input type="hidden" value="{{signDay}}" class="sign-day" />
@@ -20,14 +20,14 @@
         <a href="{{url}}" class="arrow">&nbsp;</a>
     </div>
     <ul class="fan-charts-cont">
-        {{#each fanCharts}}
+        <!-- {{#each fanCharts}}
             <li>
                 <i class="rank-ico">{{num}}</i>
                 <img src="{{img}}" />
                 <span class="fans-name">{{name}}</span>
                 <div class="fans-intimacy">亲密度<span {{#if @first}}class="font-bold"{{/if}}>{{intimacyNum}}</span></div>
             </li>
-        {{/each}}
+        {{/each}} -->
     </ul>
 </div>
 <div class="classroom-mask"></div>
\ No newline at end of file

@@ -2,12 +2,12 @@
     {{> layout/header}}
     <ul class="things-article">
         {{#each articles}}
-            <li>
+            <li articleId="{{articleId}}">
                 <div class="author-info">
                     <img src="{{authorImg}}" />
                     <div class="author-nav">
                         <h2>{{authorname}}</h2>
-                        <p class="article-count"><span>{{releaseTime}}</span><span class="see-ico">{{seeNum}}</span></p>
+                        <p class="article-count"><span>{{releaseTime}}</span><span class="see-ico"><i class="iconfont">&#xe602;</i>{{seeNum}}</span></p>
                     </div>
                 </div>
                 <div class="artice-cont">
@@ -21,7 +21,7 @@
                     </a>
                 </div>
                 <div class="artice-zan">
-                    <div class="zan-ico"></div>
+                    <div class="iconfont like-ico {{#isLiked}}like{{/isLiked}}">&#xe601;</div>
                     <ul>
                         {{#each zanUser}}
                             <li><img src="{{img}}" /></li>

@@ -341,7 +341,7 @@
 </script>
 {{/if}}
 
-{{!-- 星潮教室 --}}
+{{!-- 星潮教室--}}
 {{#if trendClassHomePage}}
 <script>
     seajs.use('js/guang/star-classroom');
@@ -349,4 +349,10 @@
 </script>
 {{/if}}
 
+{{!-- 星潮教室星搭配--}}
+{{#if trendClassCollocationPage}}
+<script>
+    seajs.use('js/guang/collocation-list');
+</script>
+{{/if}}
 

+<?php
+
+use Action\AbstractAction;
+
+/**
+ * 星潮教室
+ */
+class TrendClassroom2Controller extends AbstractAction
+{
+    /**
+     * 首页
+     */
+    public function indexAction()
+    {
+        $data = array(
+            'title' => '星潮教室',
+            'headTab' => array(
+                array(
+                    'name' => '全部',
+                    'url' => '#',
+                    'cur' => true
+                ),
+                array(
+                    'name' => '星专题',
+                    'url' => '/Guang/TrendClassroom2/special'
+                ),
+                array(
+                    'name' => '星搭配',
+                    'url' => '/Guang/TrendClassroom2/collocation'
+                )
+            ),
+            'bannerList' => array(
+                array(
+                    'url' => 'http://feature.yoho.cn/0328/0328DAILYBOY/index.html?title=出游场景模拟变装趴&share_id=870',
+                    'img' => 'http://img11.static.yhbimg.com/yhb-img01/2016/03/28/08/01b36610904562fd3085090f55aeca66df.jpg?imageView/2/w/640/h/240'
+                ),
+                array(
+                    'url' => 'http://designer.yoho.cn/bill?title=晒晒你的潮流清单&share_id=898',
+                    'img' => 'http://img11.static.yhbimg.com/yhb-img01/2016/04/01/05/010cb10578a55206faff271bceb0f22aaf.jpg?imageView/2/w/640/h/240'
+                ),
+                array(
+                    'url' => 'http://feature.yoho.cn/NEWS/0331APPWEEKNEWSBOY/index.html?title=一周速报&share_id=882',
+                    'img' => 'http://img11.static.yhbimg.com/yhb-img01/2016/03/31/03/01337e43ca91484214c4b5b2becc0ef13d.jpg?imageView/2/w/640/h/240'
+                ),
+                array(
+                    'url' => 'http://sale.m.yohobuy.com/?specialsale_id=14&gender=1,3',
+                    'img' => 'http://img12.static.yhbimg.com/yhb-img01/2016/04/01/08/02c78a28a9ca1dc585d614b195abff3eb1.jpg?imageView/2/w/640/h/240'
+                ),
+                array(
+                    'url' => 'http://sale.m.yohobuy.com/?specialsale_id=11&gender=1,3',
+                    'img' => 'http://img12.static.yhbimg.com/yhb-img01/2016/03/28/04/02ca2b986e193f7134d2f75c74f8169ec3.jpg?imageView/2/w/640/h/240'
+                )
+            ),
+            'homeSign' => array(
+                'portraitUrl' => 'http://img11.static.yhbimg.com/yhb-img01/2016/04/01/05/010cb10578a55206faff271bceb0f22aaf.jpg?imageView/2/w/640/h/240',
+                'username' => 'LIFE KK',
+                'rank' => 168,
+                'intimacy' => 2589,
+                'week' => array(
+                    'Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fn', 'Sat'
+                ),
+                'signDay' => '1,2,3,4',
+                'intimacyNum' => '15',
+                'url' => '/Guang/TrendClassroom2/checkIn',
+                'calendar' => 'http://img11.static.yhbimg.com/yhb-img01/2016/03/31/03/01337e43ca91484214c4b5b2becc0ef13d.jpg?imageView/2/w/640/h/240',
+                'fanCharts' => array(
+                    array(
+                        'num' => '1',
+                        'img' => 'http://img12.static.yhbimg.com/yhb-img01/2016/03/28/04/02ca2b986e193f7134d2f75c74f8169ec3.jpg?imageView/2/w/640/h/240',
+                        'name' => 'aaaaa',
+                        'intimacyNum' => '2546'
+                    ),
+                    array(
+                        'num' => '2',
+                        'img' => 'http://img12.static.yhbimg.com/yhb-img01/2016/03/28/04/02ca2b986e193f7134d2f75c74f8169ec3.jpg?imageView/2/w/640/h/240',
+                        'name' => 'aaaaa',
+                        'intimacyNum' => '2546'
+                    ),
+                    array(
+                        'num' => '3',
+                        'img' => 'http://img12.static.yhbimg.com/yhb-img01/2016/03/28/04/02ca2b986e193f7134d2f75c74f8169ec3.jpg?imageView/2/w/640/h/240',
+                        'name' => 'aaaaa',
+                        'intimacyNum' => '2546'
+                    )
+                )
+            ),
+            'starSubject' => array(
+                'title' => array(
+                    'title' => '星专题',
+                    'moreUrl' => '/Guang/TrendClassroom2/special'
+                ),
+                'subjectBanner' => array(
+                    'url' => 'http://sale.m.yohobuy.com/?specialsale_id=1&gender=2,3',
+                    'img' => 'http://img12.static.yhbimg.com/yhb-img01/2016/04/05/06/023c1554ddd85563312fdf420edb2c48b9.jpg?imageView/2/w/640/h/240'
+                ),
+                'subjectVideo' => array(
+                    'videoImg' => 'http://img12.static.yhbimg.com/yhb-img01/2016/03/28/10/02e3c1e87c4c06987ac22f9b6a80e7c616.jpg?imageView/2/w/640/h/240',
+                    'videoUrl' => 'http://feature.yoho.cn/activity/2016/03/vgo/video/001/vgo.mp4'
+                )
+            ),
+            'starCollocation' => array(
+                'title' => array(
+                    'title' => '星搭配',
+                    'moreUrl' => '/Guang/TrendClassroom2/collocation'
+                ),
+                'collocationBigImg' => array(
+                    array(
+                        'url' => 'http://sale.m.yohobuy.com/?specialsale_id=14&gender=1,3',
+                        'img' => 'http://img12.static.yhbimg.com/yhb-img01/2016/04/01/08/02c78a28a9ca1dc585d614b195abff3eb1.jpg?imageView/2/w/640/h/240'
+                    ),
+                    array(
+                        'url' => 'http://sale.m.yohobuy.com/?specialsale_id=11&gender=1,3',
+                        'img' => 'http://img12.static.yhbimg.com/yhb-img01/2016/03/28/04/02ca2b986e193f7134d2f75c74f8169ec3.jpg?imageView/2/w/640/h/240'
+                    )
+                ),
+                'collocationList' => array(
+                    array(
+                        'url' => 'http://cdn.yoho.cn/huodong/0328TESEGIRL/index.html?title=红人私服搭配list&share_id=836',
+                        'img' => 'http://img12.static.yhbimg.com/yhb-img01/2016/03/28/10/02e3c1e87c4c06987ac22f9b6a80e7c616.jpg?imageView/2/w/640/h/240'
+                    ),
+                    array(
+                        'url' => 'http://cdn.yoho.cn/huodong/0328TESEGIRL/index.html?title=红人私服搭配list&share_id=836',
+                        'img' => 'http://img12.static.yhbimg.com/yhb-img01/2016/03/28/10/02e3c1e87c4c06987ac22f9b6a80e7c616.jpg?imageView/2/w/640/h/240'
+                    ),
+                    array(
+                        'url' => 'http://cdn.yoho.cn/huodong/0328TESEGIRL/index.html?title=红人私服搭配list&share_id=836',
+                        'img' => 'http://img12.static.yhbimg.com/yhb-img01/2016/03/28/10/02e3c1e87c4c06987ac22f9b6a80e7c616.jpg?imageView/2/w/640/h/240'
+                    ),
+                    array(
+                        'url' => 'http://cdn.yoho.cn/huodong/0328TESEGIRL/index.html?title=红人私服搭配list&share_id=836',
+                        'img' => 'http://img12.static.yhbimg.com/yhb-img01/2016/03/28/10/02e3c1e87c4c06987ac22f9b6a80e7c616.jpg?imageView/2/w/640/h/240'
+                    ),
+                    array(
+                        'url' => 'http://cdn.yoho.cn/huodong/0328TESEGIRL/index.html?title=红人私服搭配list&share_id=836',
+                        'img' => 'http://img12.static.yhbimg.com/yhb-img01/2016/03/28/10/02e3c1e87c4c06987ac22f9b6a80e7c616.jpg?imageView/2/w/640/h/240'
+                    )
+                )
+            )
+        );
+
+        $this->_view->display('index', array(
+            'trendClassHome' => $data,
+            'trendClassHomePage' => true
+        ));
+    }
+
+    /**
+     * 星专题
+     */
+    public function specialAction()
+    {
+        $data = array(
+            'title' => '星潮教室',
+            'headTab' => array(
+                array(
+                    'name' => '全部',
+                    'url' => '/Guang/TrendClassroom2/index'
+                ),
+                array(
+                    'name' => '星专题',
+                    'url' => '#',
+                    'cur' => true
+                ),
+                array(
+                    'name' => '星搭配',
+                    'url' => '/Guang/TrendClassroom2/collocation'
+                )
+            ),
+            'subjectList' => array(
+                array(
+                    'url' => 'http://cdn.yoho.cn/huodong/0328TESEGIRL/index.html?title=红人私服搭配list&share_id=836',
+                    'img'=> 'http://img12.static.yhbimg.com/yhb-img01/2016/03/28/10/02e3c1e87c4c06987ac22f9b6a80e7c616.jpg?imageView/2/w/640/h/240',
+                    'title' => '壹周速报：吴亦凡'
+                ),
+                array(
+                    'url' => 'http://cdn.yoho.cn/huodong/0328TESEGIRL/index.html?title=红人私服搭配list&share_id=836',
+                    'img' => 'http://img12.static.yhbimg.com/yhb-img01/2016/03/28/10/02e3c1e87c4c06987ac22f9b6a80e7c616.jpg?imageView/2/w/640/h/240',
+                    'title' => '吴亦凡生日会回礼送给“每个你”'
+                ),
+                array(
+                    'url' => 'http://cdn.yoho.cn/huodong/0328TESEGIRL/index.html?title=红人私服搭配list&share_id=836',
+                    'img' => 'http://img12.static.yhbimg.com/yhb-img01/2016/03/28/10/02e3c1e87c4c06987ac22f9b6a80e7c616.jpg?imageView/2/w/640/h/240',
+                    'title' => '吴亦凡生日会回礼送给“每个你”吴亦凡生日会回礼送给“每个你”'
+                ),
+                array(
+                    'url' => 'http://cdn.yoho.cn/huodong/0328TESEGIRL/index.html?title=红人私服搭配list&share_id=836',
+                    'img' => 'http://img12.static.yhbimg.com/yhb-img01/2016/03/28/10/02e3c1e87c4c06987ac22f9b6a80e7c616.jpg?imageView/2/w/640/h/240',
+                    'title' => '壹周速报：吴亦凡'
+                )
+            )
+        );
+
+        $this->_view->display('subject', array(
+            'trendClassSubject' => $data
+        ));
+    }
+
+    /**
+     * 星搭配
+     */
+    public function collocationAction()
+    {
+        $data = array(
+            'title' => '星潮教室',
+            'headTab' => array(
+                array(
+                    'name' => '全部',
+                    'url' => '/Guang/TrendClassroom2/index'
+                ),
+                array(
+                    'name' => '星专题',
+                    'url' => '/Guang/TrendClassroom2/special'
+                ),
+                array(
+                    'name' => '星搭配',
+                    'url' => '#',
+                    'cur' => true
+                )
+            ),
+            'collocationList' => array(
+                array(
+                    'img' => 'http://img12.static.yhbimg.com/yhb-img01/2016/03/28/10/02e3c1e87c4c06987ac22f9b6a80e7c616.jpg?imageView/2/w/640/h/240',
+                    'url' => 'http://cdn.yoho.cn/huodong/0328TESEGIRL/index.html?title=红人私服搭配list&share_id=836',
+                    'title' => '小鲜肉吴亦凡告诉你什么才叫潮流街拍',
+                    'content' => '学院风的格子衬衫可能是每个男生衣柜里都会有的单品了，但如何将设计大同小异的格子衬衫穿出型来可',
+                    'time' => '2月13日 12:34',
+                    'seeNum' => '3345',
+                    'zanNum' => '32',
+                    'share' => '#'
+                ),
+                array(
+                    'img' => 'http://img12.static.yhbimg.com/yhb-img01/2016/03/28/10/02e3c1e87c4c06987ac22f9b6a80e7c616.jpg?imageView/2/w/640/h/240',
+                    'url' => 'http://cdn.yoho.cn/huodong/0328TESEGIRL/index.html?title=红人私服搭配list&share_id=836',
+                    'title' => '吴亦凡生日会回礼送给“每个你”',
+                    'content' => '学院风的格子衬衫可能是每个男生衣柜里都会有的单品了，但如何将设计大同小异的格子衬衫穿出型来可',
+                    'time' => '2月13日 12:34',
+                    'seeNum' => '3345',
+                    'zanNum' => '32'
+                ),
+                array(
+                    'img' => 'http://img12.static.yhbimg.com/yhb-img01/2016/03/28/10/02e3c1e87c4c06987ac22f9b6a80e7c616.jpg?imageView/2/w/640/h/240',
+                    'url' => 'http://cdn.yoho.cn/huodong/0328TESEGIRL/index.html?title=红人私服搭配list&share_id=836',
+                    'title' => '吴亦凡生日会回礼送给“每个你”',
+                    'content' => '学院风的格子衬衫可能是每个男生衣柜里都会有的单品了，但如何将设计大同小异的格子衬衫穿出型来可',
+                    'time' => '2月13日 12:34',
+                    'seeNum' => '3345',
+                    'zanNum' => '32'
+                ),
+                array(
+                    'img' => 'http://img12.static.yhbimg.com/yhb-img01/2016/03/28/10/02e3c1e87c4c06987ac22f9b6a80e7c616.jpg?imageView/2/w/640/h/240',
+                    'url' => 'http://cdn.yoho.cn/huodong/0328TESEGIRL/index.html?title=红人私服搭配list&share_id=836',
+                    'title' => '吴亦凡生日会回礼送给“每个你”',
+                    'content' => '学院风的格子衬衫可能是每个男生衣柜里都会有的单品了，但如何将设计大同小异的格子衬衫穿出型来可',
+                    'time' => '2月13日 12:34',
+                    'seeNum' => '3345',
+                    'zanNum' => '32'
+                )
+            )
+        );
+
+        $this->_view->display('collocation', array(
+            'trendClassCollocation' => $data,
+            'trendClassCollocationPage' => true
+        ));
+    }
+
+    /**
+     * 签到
+     */
+    public function checkInAction()
+    {
+        $data = array(
+            'title' => '星潮教室',
+            'userImg' => 'http://img11.static.yhbimg.com/yhb-img01/2016/04/01/05/010cb10578a55206faff271bceb0f22aaf.jpg?imageView/2/w/640/h/240',
+            'userName' => 'LIFE KK',
+            'rankNum' => '169',
+            'intimacy' => '2589',
+            'rankingList' => array(
+                array(
+                    'highLigth' => true,
+                    'img' => 'http://img11.static.yhbimg.com/yhb-img01/2016/04/01/05/010cb10578a55206faff271bceb0f22aaf.jpg?imageView/2/w/640/h/240',
+                    'num' => '1',
+                    'userName' => '小管JPG',
+                    'intimacyNum' => '8994'
+                ),
+                array(
+                    'highLigth' => true,
+                    'img' => 'http://img11.static.yhbimg.com/yhb-img01/2016/04/01/05/010cb10578a55206faff271bceb0f22aaf.jpg?imageView/2/w/640/h/240',
+                    'num' => '1',
+                    'userName' => '小管JPG',
+                    'intimacyNum' => '8994'
+                ),
+                array(
+                    'highLigth' => true,
+                    'img' => 'http://img11.static.yhbimg.com/yhb-img01/2016/04/01/05/010cb10578a55206faff271bceb0f22aaf.jpg?imageView/2/w/640/h/240',
+                    'num' => '1',
+                    'userName' => '小管JPG',
+                    'intimacyNum' => '8994'
+                ),
+                array(
+                    'highLigth' => true,
+                    'img' => 'http://img11.static.yhbimg.com/yhb-img01/2016/04/01/05/010cb10578a55206faff271bceb0f22aaf.jpg?imageView/2/w/640/h/240',
+                    'num' => '1',
+                    'userName' => '小管JPG',
+                    'intimacyNum' => '8994'
+                ),
+                array(
+                    'highLigth' => true,
+                    'img' => 'http://img11.static.yhbimg.com/yhb-img01/2016/04/01/05/010cb10578a55206faff271bceb0f22aaf.jpg?imageView/2/w/640/h/240',
+                    'num' => '1',
+                    'userName' => '小管JPG',
+                    'intimacyNum' => '8994'
+                ),
+                array(
+                    'highLigth' => true,
+                    'img' => 'http://img11.static.yhbimg.com/yhb-img01/2016/04/01/05/010cb10578a55206faff271bceb0f22aaf.jpg?imageView/2/w/640/h/240',
+                    'num' => '1',
+                    'userName' => '小管JPG',
+                    'intimacyNum' => '8994'
+                ),
+                array(
+                    'highLigth' => true,
+                    'img' => 'http://img11.static.yhbimg.com/yhb-img01/2016/04/01/05/010cb10578a55206faff271bceb0f22aaf.jpg?imageView/2/w/640/h/240',
+                    'num' => '1',
+                    'userName' => '小管JPG',
+                    'intimacyNum' => '8994'
+                )
+            )
+        );
+
+        $this->_view->display('check-in', array(
+            'trendClassCheckIn' => $data
+        ));
+    }
+}
\ No newline at end of file