{extend name="public/base"/}
{block name="style"}

<link rel="stylesheet" href="__PUBLIC__/plugs/tagsinput/bootstrap-tagsinput.css">
<script src="__PUBLIC__/plugs/tagsinput/bootstrap-tagsinput.js"></script>

<link rel="stylesheet" type="text/css" href="__PUBLIC__/plugs/webuploader/webuploader.css">
<!-- 配置文件 -->
<script type="text/javascript" src="__PUBLIC__/plugs/ueditor/ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="__PUBLIC__/plugs/ueditor/ueditor.all.min.js"></script>
<!-- datepicker statr -->
<link href="__PUBLIC__/plugs/datepicker/css/foundation-datepicker.min.css" rel="stylesheet" type="text/css">
<script src="__PUBLIC__/plugs/datepicker/js/foundation-datepicker.js"></script>
<script src="__PUBLIC__/plugs/datepicker/js/foundation-datepicker.zh-CN.js"></script>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/plugs/board/board.min.css">
<!-- datepicker end -->
{/block}
{block name="body"}
<div class="main-box clearfix">
	<header class="main-box-header clearfix">
		<div class="pull-left">
			<h2>{$meta_title}</h2>
		</div>
	</header>
	<div class="main-box-body clearfix">
		
		<div class="col-sm-3">
            <img src="{$info.cover|get_cover=###,'path'}" style="max-width:100%" />
            <h4>{$info.title}</h4>
            <div style="line-height: 1.7em;margin-top:10px;" class="text-muted">
                字数: {$info.size}<br/>
            </div>
            <div class="text-muted" style="margin-top:10px;line-height: 1.7em;">
                {$info.intro}</div>
        </div>
        <div class="col-sm-9">
            <ul class="list-group" style="margin-left:0">
                <li class="list-group-item chapter-item">
                    <span style="display:inline-block;min-width:26px;">1</span>
                        <a href="#" class="chapter-title" data-toggle="view-chapter" data-id="46098">
                            第一章  只是个替身                        </a>

                        <span style="font-size:12px;margin-left:5px">
                        <span style="color:forestgreen">免费</span>
                        </span>

                        <span class="pull-right">
                                                                    <a target="_blank" data-toggle="tooltip" title="文案内容到当前章节，原文链接为下一章" href="/backend/wx_article_editor?aid=46098">
                                        <i class="fa fa-link"></i> 生成推广文案
                                    </a>
                                    <a title="原文链接为当前章节" href="#" data-toggle="create-referral-link" data-article-id="46098">
                                        <i class="fa fa-link"></i> 获取推广链接
                                    </a>
                                
                                                                                                            <a href="#"
                                           data-toggle="set-force-follow-chapter"
                                           data-article-id="46098"
                                           data-is-paid-article="false">
                                            设为关注章节
                                        </a>
                                                                                                </span>
                                                                    </li>
																	</ul>

		</div>
	</div>
</div>
{/block}
{block name="script"}
<script type="text/javascript" src="__PUBLIC__/plugs/webuploader/webuploader.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/plugs/webuploader/webuploader.custom.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/droppable.js"></script>
<script type="text/javascript" src="__PUBLIC__/plugs/board/board.min.js"></script>
{/block}