{{> layout/header}}
<div class="guang-index-page guang-page yoho-page clearfix">
    {{# guang}}
        <div class="left-side">
            <div id="slider" class="slider">
                <ul class="slide-wrapper">
                    {{#each slider}}
                        <li>
                            <a href="{{url}}">
                                {{#if @first}}
                                    <img src="{{img}}">
                                {{^}}
                                    <img class="lazy" data-original="{{img}}">
                                {{/if}}
                            </a>
                        </li>
                    {{/each}}
                </ul>
            </div>
            <div id="pjax-container" class="msg">
                <ul class="msg-nav">
                    {{# msgTypes}}
                        <li data-type="{{typeId}}" {{#if isActive}}class="actived"{{/if}}>
                            <a class="pjax-link" href="{{navUrl}}">{{type}}</a>
                        </li>
                    {{/ msgTypes}}
                </ul>
                <div id="msg-list" class="msg-list">
                    {{# msgs}}
                        {{> guang/msg}}
                    {{/ msgs}}
                </div>
                <div class="msg-pager pager">
                    {{{msgPager}}}
                </div>
            </div> 
        </div>
        <div class="right-side">
            {{> guang/right-side}}
        </div>
    {{/ guang}}
</div>
{{> layout/footer}}