{{> layout/writer_header320}}
{{#detailData}}
<div class="detail">
    <h2 class="share-h2">{{title}}</h2>

    <h3 class="share-h3">{{subTitle}}</h3>

    <p>
        {{# author}}
        <a class="detail_author" href="{{links}}" target="_blank">{{name}}</a>
        {{/ author}}
        <a href="{{channelLink}}">{{channel}}</a>&nbsp;|&nbsp;
        <a href="{{twoChannelLink}}">{{twoChannel}}</a>&nbsp;|&nbsp;
        <span time="{{time}}" class="time-format"></span>
    </p>

    <div class="media">
        {{# coverSwiper}}
        <!--大图轮播-->
        <div class="detail-banner swiper-container">
            <ul class="swiper-wrapper">
                {{#banner}}
                <li class="swiper-slide">
                    <img src="{{.}}" alt="">
                </li>
                {{/banner}}
            </ul>
            <div class="detail-switch"></div>
        </div>
        {{/ coverSwiper}}

        {{^ coverSwiper}}
            {{# coverPic}}
            <!--只有一张封面图-->
                <img src="{{img}}"/>
            {{/ coverPic}}
        {{/ coverSwiper}}


        {{# coverEffect}}
        <!--翻转、变脸、视频-->
            {{{html}}}
        {{/ coverEffect}}
    </div>
    <!--内容-->
    <div class="detail-text" cover-url="{{coverUrl}}">
        {{{detailStr}}}
    </div>
</div>
{{/detailData}}

<!--标签-->
{{# tags}}
<div class="tags">
    <ul>
        {{# tagItem}}
        <li>
            <a href="{{link}}" target="_blank">{{name}}</a>
        </li>
        {{/ tagItem}}
    </ul>
</div>
{{/ tags}}

<div class="comment">
    <ul class="statslist stats-btn">
        <li class="wow">
            <div class="status-white">
                <span style="right: -24px;"></span>
                <i></i>
            </div>
        </li>
        <li class="zzz">
            <div class="status-white">
                <span style="right: -18px;"></span>
                <i></i>
            </div>
        </li>
        <li class="wtf">
            <div class="status-white">
                <span style="right: -21px;"></span>
                <i></i>
            </div>
        </li>
        <li class="comments">
            <div class="status-white">
                <span class="comment-num" id="comment-num" style="right: -15px;"></span>
                <i style="right: -20px;"></i>
            </div>
        </li>
    </ul>
    {{# commentPartials}}
    <div class="comments-box" data-id="{{id}}" data-type="{{type}}" data-c="{{c}}" data-twoc="{{twoc}}"></div>
    {{/ commentPartials}}
</div>


<div class="detail-page">
    <span class="detail-prev">
        <a href="{{prevLink}}" title="{{prevTitle}}" onclick="prevOrNextClickEvent();">上一篇</a>
    </span>
    <span class="detail-next">
        <a href="{{nextLink}}" title="{{nextTitle}}" onclick="prevOrNextClickEvent();">下一篇</a>
    </span>
</div>


<div class="recomment">
    <h2>相关推荐</h2>
    <ul></ul>
</div>
{{> default/download320}}
{{> default/share320}}
{{> layout/footer320}}


<script id="related-tpl" type="x-tmpl-mustache">
\{{#relatedPost}}
    <li>
        <a href="\{{link}}" target="_blank" onclick="relatedClickEvent();">
            <div class="content-pic">
                <img src="\{{cover}}" alt="" />
                \{{#isVideo}}
                    <span class="video-icon"></span>
                \{{/isVideo}}
            </div>
            <div class="content-text">
                <h2>\{{title}}</h2>
                <h3>\{{subtitle}}</h3>
            </div>
        </a>
    </li>
\{{/relatedPost}}


</script>
<script id="comment-textarea-tpl" type="x-tmpl-mustache">
    <div class="comment-textarea">
        <textarea placeholder="说点什么..."></textarea>
        <div class="login-status clearfix">
            <div class="userimg">
                <img src="http://cmsres.test.yoho.cn/res/new/boys/images/detail/user-img.png" alt="">
                <i></i>
            </div>
            <div class="userinfo" style="display: none;">
                <span></span>
                <a class="exit-btn" href="javascript:;">退出</a>
            </div>
            <div class="publish">
                <a class="publish-btn" href="javascript:;">Publish</a>
            </div>
        </div>
    </div>

</script>

<script id="comment-tpl" type="x-tmpl-mustache">
    <ul class="comments-list">
        \{{# comment}}
        <li class="clearfix">
            <div class="userimg">
                <img src="\{{headpic}}" alt="">
                <i class="\{{partnerType}}"></i>
            </div>
            <div class="userinfo">
                <h6>\{{nick}}</h6>
                <p class="comment-text">\{{content}}</p>
                \{{# isSelf}}
                <a class="delete-comment" href="javascript:;" pid="{{id}}"></a>
                \{{/ isSelf}}
            </div>
        </li>
        \{{/ comment}}
    </ul>
    \{{# more}}
    <div class="view-more"><a href="javascript:;">View&nbsp;<span>\{{moreNum}}</span>&nbsp;more</a></div>
    \{{/ more}}
    \{{# page}}
    <div class="comment-pager-content pager-content-default" style="display:none">
        <div class="channel-index-pager">
            \{{# pageList}}
            <a class="pager-item \{{# isChoosen}}pager-item-choosen\{{/ isChoosen}}" href="\{{link}}">\{{text}}</a>
            \{{/ pageList}}
        </div>
    </div>
    \{{/ page}}
</script>


<script id="third-login-tpl" type="x-tmpl-mustache">
    <div class="third-login-box clearfix">
        {{^ fan}}
            <span>第三方评论</span>
        {{/ fan}}

        {{# fan}}
            <span>第三方評論</span>
        {{/ fan}}
        <a class="qq" ref="/passport/partner/index/oauth/qq" href="javascript:;"><img src="http://cmsres.test.yoho.cn/res/new/girls/assets/images/about/thirdbtn-qq.png" alt="" /></a>
        <a class="yoho" href="javascript:;"><img src="http://cmsres.test.yoho.cn/res/new/girls/assets/images/about/thirdbtn-yoho.png" alt="" /></a>
        <a class="sina" ref="/passport/partner/index/oauth/sina" href="javascript:;"><img src="http://cmsres.test.yoho.cn/res/new/girls/assets/images/about/thirdbtn-sina.png" alt="" /></a>
    </div>
</script>