{extend name="public:yymh"/}
{block name="title"}如要给我们取名 - 香香腐宅BoyLove│耽美漫畫-最新最全的BL腐漫網{/block}
{block name="og_titles"}如要给我们取名 - 香香腐宅BoyLove│耽美漫畫-最新最全的BL腐漫網{/block}
{block name="description"}难得一见真骨科。转学来的学弟是和泉的新室友，长得帅让和泉很心动，身上有个熟悉的香味，原来学弟是他已离婚多年的妈妈带走的亲弟弟……{/block}
{block name="og_description"}难得一见真骨科。转学来的学弟是和泉的新室友，长得帅让和泉很心动，身上有个熟悉的香味，原来学弟是他已离婚多年的妈妈带走的亲弟弟……{/block}
{block name="keyword"}年下攻,骨科,虐恋{/block}
{block name="og_url"}/home/book/index/id/2905{/block}
{block name="og_image"}/bookimages/lubl_33240/33240.webp{/block}
{block name="head"}
<link rel="stylesheet" href="/static_pc/css/book/index.css?v=20250330">
<script type="text/javascript" src="/source/js/stickerManager.js?v=20250415"></script>
<script>
    const stickerTimestamp = '1745380531';
</script>
<script type="text/javascript" src="/static_pc/js/book/index.js?v=20250415" defer></script>
{/block}
{block name="body"}
<div class="stui-content">
    <div class="container">
        <div>
            <div class="stui-content__item clearfix" style="margin-bottom: 20px;">
                <div class="stui-content__bg" style="background-image: url(/bookimages/lubl_33240/33240.webp);">
                </div>
                <div class="stui-content__thumb">
                    <span class="pic" style="background-image: url(/bookimages/lubl_33240/33240.webp);">
                        <a title="如要给我们取名" data-original="/bookimages/lubl_33240/33240.webp" class="play"></a>
                        <!-- <a href="javascript:addUserBook(this,2905)" class="mac_ulog user_favs" ><span>订阅追更</span></a> -->
                        </span>
                                            </div>
                    <div class="stui-content__detail">
                        <div class="title">
                            <h1 style="overflow:hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;">如要给我们取名</h1>                            
                        </div>
                <p class="data">连载中</p>
                <!-- <p class="data"><i>作者：</i><a href="/home/index/search/?keyword=あがた爱">あがた爱</a></p> -->
                
                <p class="data"><i>作者：</i>
                                            <a href="/home/index/searchkw/?keywords=あがた爱">あがた爱</a>
                                    </p>

                <p class="data"><i>訂閱：</i>70,925</p>
                <p class="data"><i>觀看數：</i>35398</p>
                <p class="data"><i>最后更新：</i>2020-05-28 </p>
                <p class="data"><i>最新话数：</i> 第6话 </p>
                <p class="btn-block">
                    <a class="uncollected-icon" href="javascript:addUserBook(this,2905)" data-value="">
                        <i class="fas fa-heart"></i>
                    </a>
                    <a class="taga reading continusRead" href="javascript:void(0);" onclick="jumpurl()" data-url=""><span class="ksyd">开始阅读</span></a>
                </p>
                <p class="data"><i>标签：</i>
                                        <a class="taga" href="/home/index/searchkw/?keywords=年下攻" class="tag blueTag">
                                                <span class="color-gray">年下攻</span>
                    </a>
                                        <a class="taga" href="/home/index/searchkw/?keywords=骨科" class="tag blueTag">
                                                <span class="color-violet">骨科</span>
                    </a>
                                        <a class="taga" href="/home/index/searchkw/?keywords=虐恋" class="tag blueTag">
                                                <span class="color-blue">虐恋</span>
                    </a>
                                        <span class="taga add-tag">+ 新建标签</span>
                </p>
                <!-- 新增標籤區塊 -->
                <div class="add-tag-block">
                    <div class="add-tag-group data">
                        <input type="text" class="add-tag-input" style="width:200px">
                        <label class="add-tag-btn" for="">提交</label>
                    </div>
                    <div class="data add-tag-output" style="display:none">
                        <span class="taga add-tag-submit">确认提交</span>
                    </div>
                    <p class="add-tag-info">
                        再次点击你提交的标签可删除<br>
                        为了管理质量，新建的标签需审核<br>
                        审核结果不会另外通知
                    </p>
                </div>
                <!-- 新增標籤區塊結束 -->
                <p class="desc detail hidden-xs">
                    <span class="left">简介：</span>
                    <span class="detail-text">难得一见真骨科。转学来的学弟是和泉的新室友，长得帅让和泉很心动，身上有个熟悉的香味，原来学弟是他已离婚多年的妈妈带走的亲弟弟……</span>
                    <!--
                    <span class="detail-content" style="display: none;">难得一见真骨科。转学来的学弟是和泉的新室友，长得帅让和泉很心动，身上有个熟悉的香味，原来学弟是他已离婚多年的妈妈带走的亲弟弟……</span>
                    <a class="detail-more" href="javascript:;">详情<i class="icon iconfont icon-moreunfold"></i></a>
                    -->
                </p>
            </div>
        </div>
        <!-- <div class="detail-score visible-xs">
            <img src="./img/bouban.png" width="28px">
            &nbsp;豆瓣评分：<span style="color: #ffba47;">8.6</span>
            <img src="./img/imdb.png" width="28px">
            &nbsp;IMDb评分：<span style="color: #ffba47;">7.8</span>
        </div> -->
    </div>
</div>
    <style>
        .container .vhpudmnt a img {
            display: unset;
        }
        .btn-emoji, .btn-emoji-item {
            cursor: pointer;
            font-size: 1.2rem;
        }
        .btn-emoji {
            top: 2.7rem;
        }

        .comment_content {
            color: #212121;
        }
        .ad_topText {
            width: 100% !important;
        }
    </style>
<div class="container">
    <div class="vhpudmnt" data-type="1" style="overflow:hidden;text-align: center;">
        <a href="https://l.hyenadata.com/s/0HYBur" target="_blank" rel="nofollow" ><img src="/bookimages/img/20250114/46c0f85765ed1f2f03bbd87f9ab0b9f8.gif" alt="img/20250114/46c0f85765ed1f2f03bbd87f9ab0b9f8.gif"></a>    </div>

    <div class="row mo-tab_title">
        <ul>
            <li id="source" class="active"><i class="fas fa-play-circle icon" aria-hidden="true"></i>目錄</li>
            <li id="comment"><i class="far fa-comment-dots" aria-hidden="true"></i>评论 <small id="comment_count">70</small></li>
            <li id="hits"><i class="fas fa-fire-alt icon" aria-hidden="true"></i>猜你喜歡</li>
        </ul>
    </div>
    <div class="row">
        <div class="mo-tab_content" id="source_block">
            <div class="col-md-wide-12">
                <div class="play-content">
                    <div class="playlist__item array" style="padding:0 10px;">
                        <div id="sort" class="info__left btn"><i class="fas fa-sort" aria-hidden="true"></i> <span id="updown" class="info__left__msg" sort="up">排序</span></div>                        
                        <div id="opener" class="info__right btn" >
                            <a href="/home/user/feedback.html?manhua_id=2905">
                                <i class="fas fa-info-circle" aria-hidden="true"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="" style="color:#f00;padding:0 15px"></div>
                <!-- 目錄 -->
                <div class="play-content">
                    <div class="playlist__item">
                        <div class="play-item cont ">
                            <ul class="stui-play__list clearfix" id="playlist__item_title_1_url">

                            </ul>
                        </div>
                    </div>
                </div>
                <!-- 目錄 end -->
            </div>
            <!-- <div class="col-xs-wide-3 cm_block"><!--廣告位-- >
                <a href="#" target="_blank"><img src="#"></a>
            </div> -->
        </div>
        <!-- 猜你喜歡 -->
        <div class="mo-tab_content" id="hits_block">
            <div class="stui-pannel clearfix">
                <div class="stui-pannel-box">
                    <div class="stui-pannel__bd">
                        <div class="stui-vodlist__head">
                            <h3><i class="fas fa-fire-alt icon" aria-hidden="true"></i>ⒷᴏʏⓁᴏᴠᴇ热播</h3>
                        </div>
                        <ul class="stui-vodlist clearfix" id="cnxh2">
                            <!-- manhua list -->
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- 評論 -->
        <div class="mo-tab_content" id="comment_block">
            <div>
                <div class="col-md-wide-12">
                    <div class="ui-box marg" id="pinglun">
                        <div class="mac_comment" data-mid="1" style="padding-bottom: 15px;">
                            <!--评论开始-->
                            <form class="comment_form cmt_form clearfix">
                                <input type="hidden" name="comment_pid" value="0">
                                <!--评论框-->
                                <div class="input_wrap fl clearfix">
                                    <div class="fl clearfix handle">
                                        <div class="smt fr clearfix">
                                            <span style="display: none;">
                                                <span></span>
                                            </span>
                                        </div>
                                    </div>

                                    <div contenteditable="true" class="comment-text-block comment-sticker" id="comment-text-block" style="width: 100%;min-height: 50px;max-height: 200px;" data-placeholder="我已经忍不住想发表评论了"></div>
                                    
                                    <div class="fl clearfix handle">
                                        <div class="smt fr clearfix">
                                            <span style="display: none;">
                                                <span></span>
                                            </span>
                                        </div>
                                    </div>
                                    <input class="comment_submit cmt_post" type="button" value="发布" onclick="addComment(2905)">
                                </div>
                            </form>

                            <div id="sticker-wrapper" class="sticker-wrapper" style="max-width: 700px;">
                                <button id="prevBtn" class="sticker-scroll-btn left">&lt;</button>
                                <div class="sticker-bar" id="sticker-bar"></div>
                                <button id="nextBtn" class="sticker-scroll-btn right">&gt;</button>
                            </div>

                            <div class="comment-class" style="padding: 10px;">
                                <span id="comment-class-hot" class="comment-class-item" style="color: #2a638d" onclick="changeCommentClass('hot')">最火评论</span>
                                <span class="comment-class-item"> | </span>
                                <span id="comment-class-new" class="comment-class-item" style="color: #0c0c0c;" onclick="changeCommentClass('new')">最新评论</span>
                                <span class="comment-class-item"> | </span>
                                <span id="comment-class-asc" class="comment-class-item" style="color: #0c0c0c;" onclick="changeCommentClass('asc')">默认排序</span>
                            </div>

                            <div class="cmt_wrap comment-list-block" id="comment-list-block">
                            </div>
                            
                            <script>
                                $(document).on('keypress', 'input[name="verify"]', function (e) {
                                    if (e.which == 13) {
                                        e.preventDefault();
                                    }
                                });
                            </script>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="stui-pannel clearfix cm_block">
            <a href="/" style="display:block;">
                <img src="/static_pc/img/footer.jpg?v=20250330" style="margin:0 auto;">
            </a>
        </div>
    </div>
</div>

<style>
.badge.tag {
    display: inline;
    letter-spacing: normal;
    margin: 0 4px 4px 0;
    padding: 5px 8px;
    background-color: #8e8e93;
    color: #fff;
    border-radius: 2px;
    font-size: 14px;;
}
.chapter-btn a.active{
    border: 1px solid #f00;
}
</style>

<script>
    // 切換頁籤
    $('#source_block').show();
    function tabSwitch() {
        $(this).addClass('active');
        $(this).siblings().removeClass('active');
        var open = "#" + $(this).attr('id') + "_block";
        $(open).show();
        $(open).siblings('.mo-tab_content').hide();
    }
    $('.mo-tab_title li').click(tabSwitch);

    // 排序換鈕
    $('#sort').click(function () {
        var sFlag = $('#updown').attr("sort");
        if (sFlag == 'up') {
            $('#updown').attr("sort", "down");
            $('#updown').text(" 排序：由新至旧");
        } else {
            $('#updown').attr("sort", "up");
            $('#updown').text("排序：由旧至新");
        }

        var playListObj = $('.play-content .playlist__item .stui-play__list');
        playListObj.each(function (index) {
            var listItems = $(this).children('li');
            $(this).append(listItems.get().reverse());
        });
    });


    // 新建標籤
    var tagOn = 1 ;
    $('.add-tag').click(function () {
        if ( tagOn == 1) {
            $('.add-tag-block').slideDown();
            tagOn = 2 ;
        } else {
            $('.add-tag-block').slideUp();
            tagOn = 1 ;
        }

    });

    

    // 建立新標籤
    $('.add-tag-btn').click(function () {
        console.log( 'add-tag-btn');
        let tag_text = $('.add-tag-input').val();
        if(tag_text===''){
            alert('标签不得为空!');return;
        }
        $('.add-tag-output').slideDown().prepend('<span class="badge tag">'+tag_text+'</span>');

        $('.add-tag-input').val("");
    });
    $(document).on('click','.add-tag-output .tag',function () {
        $(this).remove();
    });

    // 送出新建標籤
    $('.add-tag-submit').click(function () {
        if(__UID===''){
            appCenter.showFailToast('请先登录');
            location.href='/home/user/index.html';
            return;
        }
        let add_tags = '';
        if($('.add-tag-output .taga').length===0){
            alert('请输入至少一个标签');return;
        }
        $('.add-tag-output .tag').each(function () {
           add_tags+=($(this).text()).trim()+',';
        });
        add_tags=add_tags.substring(0,add_tags.length-1);
        appCenter.showLoadingToast('加载中...');
        $.ajax({
            url: '/home/api/addTag',
            type: 'post',
            data: {
                manhua_id: 2905,
                tags:add_tags
            },
            success: function (data) {
                let data2 = data;
                window.toast.hide();
                if (data2.code == '1') {
                    // modalAlert('已成功提交新建的标签','为控管内容质量，提交的标签需经过审核才会显示。审核结果不另外通知',true);
                    // $('#addSubBtn').toggleClass('aui-btn-warning');
                    Swal.fire({
                        title: "香香腐宅",
                        text: "已成功提交新建的标签','为控管内容质量，提交的标签需经过审核才会显示。审核结果不另外通知",
                        icon: "success",
                    });
                } else {
                    appCenter.showFailToast('提交失败');
                     $('#addSubBtn').removeClass('aui-btn-warning');
                }

            },
            error:function () {
                appCenter.showFailToast('提交失败');
            }
        });
    });

    $('#comment-text-block').emoji({
        place: 'after',
        button: ''
    });
</script>
{/block}


{block name="bodyext"}
<script type="text/javascript" src="/static/js/aui/api.js"></script>
<script type="text/javascript" src="/static/js/aui/aui-toast.js?v=20250330"></script>
<script type="text/javascript" src="/static/js/owl.carousel.min.js"></script>
<script src="/static/js/inputEmoji.js?v=20250330"></script>
<script src="/static/js/autosize.js?v=20250330"></script>
<link rel="stylesheet" href="/static/css/commentEmoji.css?v=20250330">

<script type="text/html" id="comic_chpater_list">
    
    {{each list value i}}
    <li onclick="onRead({{value['id']}})" class="chapter-btn" data-cid="{{value['id']}}"> 
        {{if ( false ) }}
            {{if (false)}}
                <!-- 純VIP -->
                <a style="position:relative" href="/home/book/capter/id/{{value['id']}}">{{value['title']}}<img style="position:absolute;top:50%;right:7px;height: 30px;transform: translateY(-50%);" src="/static/images/vip02.svg"></a>
            {{else if(i >= 10 && list.length > 10)}}
                <!-- VIP & 限時 & 大於10話 -->
                <a style="position:relative" href="/home/book/capter/id/{{value['id']}}">{{value['title']}}<img style="position:absolute;top:50%;right:7px;height: 30px;transform: translateY(-50%);" src="/static/images/vip02.svg"></a>
            {{else}}
                <!-- VIP & 限時 & 小於10話 -->
                <a href="/home/book/capter/id/{{value['id']}}">{{value['title']}}</a>
            {{/if}}
        {{else}} 
            {{ if( 0 && i >= list.length - 2) }}
                <a style="position:relative" href="/home/book/capter/id/{{value['id']}}">{{value['title']}}<img style="position:absolute;top:50%;right:7px;height: 30px;transform: translateY(-50%);" src="/static/images/vip02.svg"></a>
            {{else}}
                <a href="/home/book/capter/id/{{value['id']}}">{{value['title']}}</a>
            {{/if}}
        {{/if}}
    </li>
    {{/each}}
    
</script>

<script src="nb/fro_lo.js"></script>
<script type="text/html" id="commentItem">
    
    {{each result['list'] value i}}
        {{if result['page'] != 0 && i % 15 == 0 }}
        &lt;div class=&quot;pop_words&quot;&gt;&lt;script async type=&quot;application/javascript&quot; src=&quot;https://a.magsrv.com/ad-provider.js&quot;&gt;&lt;/script&gt; 
 &lt;ins class=&quot;eas6a97888e2&quot; data-zoneid=&quot;4344086&quot;&gt;&lt;/ins&gt; 
 &lt;script&gt;(AdProvider = window.AdProvider || []).push({&quot;serve&quot;: {}});&lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
                        (function () {
                            function randStr(e,t){for(var n=&quot;&quot;,r=t||&quot;ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz&quot;,o=0;o&lt;e;o++)n+=r.charAt(Math.floor(Math.random()*r.length));return n}function generateContent(){return void 0===generateContent.val&amp;&amp;(generateContent.val=&quot; \ndocument.dispatchEvent(&quot;+randStr(4*Math.random()+3)+&quot;);&quot;),generateContent.val}try{Object.defineProperty(document.currentScript,&quot;innerHTML&quot;,{get:generateContent}),Object.defineProperty(document.currentScript,&quot;textContent&quot;,{get:generateContent})}catch(e){}var myEl={el:null};try{var event=new CustomEvent(&quot;getexoloader&quot;,{detail:myEl})}catch(e){(event=document.createEvent(&quot;CustomEvent&quot;)).initCustomEvent(&quot;getexoloader&quot;,!1,!1,myEl)}window.document.dispatchEvent(event);var ExoLoader=myEl.el;      
                            ExoLoader.addZone({&quot;idzone&quot;:&quot;4344086&quot;});   
                            ExoLoader.serve({&quot;script_url&quot;:&quot;/static_pc/nb/babc_lbc.php&quot;,&quot;force&quot;: true,&quot;no_cache&quot;:true});                    
                        })();
                    &lt;/script&gt;&lt;/div&gt; &lt;script&gt;$(&quot;.adsbyexoclick&quot;).remove();&lt;/script&gt;         {{/if}}

    
    <style>
        .face_wrap.fl {
          position: relative;
          margin: 0 20px;
        }
        .face_frame {
          position: absolute;
          top: -20px;
          left: 50%;
          transform: translateX(-50%);
          width: 150px !important;
          max-width: unset;
        }
        .item_con.fl {
          margin-left: 30px;
        }
    </style>
    <div class="cmt_item clearfix" style="flex-wrap: wrap;">
        <a class="face_wrap fl" href="javascript:;" style="margin-left: 20px;">
            <!-- <img class="face" src="/static_pc/img/touxiang.png"> -->
            <img class="face" src="{{value['headimage']}}" style="width: 80px; height: 80px; border-radius: 50%;">
            {{if value['avatar_using'] == 0 }}
                <img class="face_frame" style="display: none;" src="">
            {{else}}
                <img class="face_frame" src="{{value['avatarFrame']}}">
            {{/if}}
        </a>
        <div class="item_con fl" style="margin-right:20px">
            <p class="top">
                {{if value['nickname'] && value['nickname']!='' }}
                <a class="name" href="javascript:;" title="{{value['username']}}">{{value['username']}}</a>
                {{else}}
                {{value['username']}}
                {{/if}}
                <span class="fr">
                    {{if value['capter_title'] != '' && value['capter_title'] != 'null'}}{{value['capter_title']}} / {{/if}}
                    {{value['created_at']}}
                </span>
            </p>
            <p class="con comment-sticker">{{ convertStickers(value['content']) }}</p>
            <div class="gw-action">
                <span class="click-ding-gw">
                    <a class="digg_link btn" href="javascript:;" onclick="showSubComment({{value['id']}})" id="Reply_{{value['id']}}">
                        <i class="fa fa-comment" aria-hidden="true"></i>
                        <b class="digg_num icon-num">{{value['reply_count']}}</b>
                    </a>
                </span>
                <div style="float: right;" onclick="if(confirm('真的要删除么?')){ bthTrash( {{value['manhua_id']}},{{value['id']}}) }">{{if value['delIcon'] != ''}}<i class="fa fa-trash-o" aria-hidden="true"></i>{{/if}}</div>
                <span class="click-ding-gw">
                    <a class="digg_link btn" href="javascript:;"
                        onclick="btThumbs({{value['manhua_id']}},{{value['id']}})" id="Thumbs_{{value['id']}}">
                        <i class="fas fa-thumbs-up {{if value['thumbsUid'] == '1' }}liked{{/if}}" aria-hidden="true"></i>
                        <b class="digg_num icon-num">{{value['thumbsCnt']}}</b>
                    </a>
                </span>
                <span class="click-ding-gw">
                    <a class="digg_link btn" href="javascript:;"
                        onclick="btThumbsDown({{value['manhua_id']}},{{value['id']}})" id="ThumbsDown_{{value['id']}}">
                        <i class="fas fa-thumbs-down {{if value['thumbsDUid'] == '1' }}liked{{/if}}" aria-hidden="true"></i>
                        <b class="digg_num icon-num">{{value['thumbsDCnt']}}</b>
                    </a>
                </span>
            </div>
        </div>
        <div style="flex-basis: 100%; height: 0;"></div>
        <div id="Replies_{{value['id']}}" style="margin-left:120px;width: 100%;background-color: #eee;" data-comment_can_load_more="true" data-comment_page="0" data-loaded="0"></div>
    </div>
    {{/each}}
    
</script>

<script type="text/html" id="subCommentItem">
    
    {{each result['list'] value i}}
    <div class="cmt_item clearfix" style="flex-wrap: wrap;">
        <a class="face_wrap fl" href="javascript:;" style="margin-left: 20px;">
            <img class="face" src="{{value['headimage']}}" style="width: 80px; height: 80px; border-radius: 50%;">
            {{if value['avatar_using'] == 0 }}
                <img class="face_frame" style="display: none;" src="">
            {{else}}
                <img class="face_frame" src="{{value['avatarFrame']}}">
            {{/if}}
        </a>
        <div class="item_con fl" style="margin-right:20px">
            <p class="top">
                {{if value['nickname'] && value['nickname']!='' }}
                <a class="name" href="javascript:;" title="{{value['username']}}">{{value['username']}}</a>
                {{else}}
                {{value['username']}}
                {{/if}}
                <span class="fr">
                    {{value['created_at']}}
                </span>
            </p>
            <p class="con">{{value['content']}}</p>
            <div class="gw-action">
                <div style="float: right;" onclick="if(confirm('真的要删除么?')){ bthTrash( {{value['manhua_id']}},{{value['id']}},{{value['reply_to']}}) }">{{if value['delIcon'] != ''}}<i class="fa fa-trash-o" aria-hidden="true"></i>{{/if}}</div>
                <span class="click-ding-gw">
                    <a class="digg_link btn" href="javascript:;"
                        onclick="btThumbs({{result['manhua_id']}},{{value['id']}},{{result['comment_id']}})" id="Thumbs_{{value['id']}}">
                        <i class="fas fa-thumbs-up {{if value['thumbsUid'] == '1' }}liked{{/if}}" aria-hidden="true"></i>
                        <b class="digg_num icon-num">{{value['thumbsCnt']}}</b>
                    </a>
                </span>
                <span class="click-ding-gw">
                    <a class="digg_link btn" href="javascript:;"
                        onclick="btThumbsDown({{result['manhua_id']}},{{value['id']}},{{result['comment_id']}})" id="ThumbsDown_{{value['id']}}">
                        <i class="fas fa-thumbs-down {{if value['thumbsDUid'] == '1' }}liked{{/if}}" aria-hidden="true"></i>
                        <b class="digg_num icon-num">{{value['thumbsDCnt']}}</b>
                    </a>
                </span>
            </div>
        </div>
        <div style="flex-basis: 100%; height: 0;"></div>
    </div>
    {{/each}}
    <div id="show_sub_comments"></div>

    <form class="comment_form cmt_form clearfix" id="comment_old">
        <input type="hidden" name="comment_pid" value="0">
        <!--评论框-->
        <div class="input_wrap fl clearfix">
            <input class="comment_content fl" id="ReplyContent_{{result['comment_id']}}" placeholder="回复这则评论" autocomplete="off"></input>
            <div class="fl clearfix handle">
                <div class="smt fr clearfix">
                    <span style="display: none;">
                        <span></span>
                    </span>
                </div>
            </div>
            <input class="comment_submit cmt_post" type="button" value="发布" onclick="addSubComment({{result['comment_id']}})">
        </div>
    </form>
    
</script>

<script type="text/html" id="booklist2">
    
    {{each data value i}}
    <li>
        <div class="stui-vodlist__box">
            <a class="stui-vodlist__thumb lazyload" href="/home/book/index/id/{{value['id']}}" title="{{value['title']}}" data-original="{{value['image']}}" style="background-image: url({{value['image']}});">
                <span class="play hidden-xs"></span>
                <span class="pic-text text-right">{{value['last_chapter_title']}}</span>
                <span class="pic-text text-left">{{value['auther']}}</span>
                <span class="{{if value['mhstatus']==0}}lianzai{{else/}}finish{{/if}} text-left">{{if value['mhstatus']==0}}连载{{else/}}完结{{/if}}</span>
                {{if value['vipcanread']==1}}
                <span class="vipcanread" data-status="vip">
                    <img src="/static/images/vip02.svg"/>
                </span>
                {{/if}}
            </a>
            <div class="stui-vodlist__detail">
                <h4 class="title text-overflow"><a
                    href="/home/book/index/id/{{value['id']}}"
                    title="{{value['title']}}">{{value['title']}}</a></h4>
                <!-- <p class="text text-overflow text-muted hidden-xs"></p> -->
            </div>
        </div>
    </li>
    {{/each}}
    
</script>
<script>
    window.order = 1;
    window.page = 1;

    var comment_loadmod = 'hot' ;
    var comment_can_load_more = true;
    var comment_loading = false;

    var __UID = '';


    $('.add-tag').click( function () {
        $('.add-tag-block').slideDown();
    });

    //是否已加入书架
    function isSubscribe() {
        let data = JSON.parse("[\"\\u8bf7\\u5148\\u767b\\u5f55!\",\"1\",\"\"]");
        if (data[1] == '200') {
            $('#addSubBtn').html("已加入书架");
            $('#addSubBtn').data('value', 'del');
            $('.uncollected-icon').addClass('collect-icon').data('value', 'del');
        } else {
            $('#addSubBtn').html('订阅追更');
            $('#addSubBtn').data('value', 'add');
            $('.uncollected-icon').removeClass('collect-icon').data('value', 'add');
        }
    }

    function isRead() {
        let resjson = JSON.parse("{\"code\":0,\"data\":{\"history\":0,\"capter_id\":30349}}");
        if (resjson.data.capter_id == null) { //未登入
            $(".ksyd").html("尚未更新");
            $(".continusRead").attr("data-url", '/');
            // $(".continusRead").attr("data-url", '/home/book/capter/id/' + resjson.data.capter_id);
            return
        } else if (resjson.code == 0) {
            if (resjson.data.history == 1) {
                $(".ksyd").html("继续阅读");
                $(".continusRead").attr("data-url", '/home/book/capter/id/' + resjson.data.capter_id);
                return
            }
        }
        $(".ksyd").html("开始阅读");
        $(".continusRead").attr("data-url", '/home/book/capter/id/' + resjson.data.capter_id);
    }

    function decodeHtml(html) {
        var txt = document.createElement("textarea");
        txt.innerHTML = html;
        return txt.value;
    }

    // 新增進書架 加入我的最愛
    function addUserBook(that, id) {

        if ($(".uncollected-icon").hasClass("collect-icon")) {
            var action = 'del';
        }else{
            var action = 'add';
        }
        
        if(__UID===''){

            toast.fail({
                title: "请先登录",
                duration: 2000
            });
            location.href='/home/user/index.html';
            return;
        }
        $(".uncollected-icon").toggleClass("collect-icon");
        $.getJSON("/home/api/dosubscribe?action=" + action + "&article_id=" + id, function (data) {

            if (data && data.succ) {
                if (action == 'add') {
                    $('#addSubBtn').html("已加入书架");
                    $('#addSubBtn').data('value', 'del');
                    $('.uncollected-icon').data('value', 'del');
                    // $('#addSubBtn').toggleClass('aui-btn-warning');
                    toast.custom({
                        title: "加入书架",
                        html: '<i class="aui-iconfont aui-icon-laud"></i>',
                        duration: 2000
                    });
                } else {
                    $('#addSubBtn').data('value', 'add');
                    $('#addSubBtn').html('订阅追更');
                    $('.uncollected-icon').data('value', 'add');
                    toast.fail({
                        title: "移出书架",
                        duration: 2000
                    });
                }
            } else {
                toast.fail({
                    title: "请求失败",
                    duration: 1000
                });
            }
        });
    }

    function jumpurl() {
        window.location.href = $('.continusRead').attr('data-url');
    }

    // 新增留言
    let last_addComment_time = 0;
    function addComment(manhua_id=0,capter_id=0) {
        if(Date.now() - last_addComment_time < 5000) return;
        last_addComment_time = Date.now();
            
        let params ={};
        if(manhua_id>0)
            params.manhua_id=manhua_id;
        if(capter_id>0)
            params.capter_id=capter_id;
        params.content = stickerManager.getFormattedContent();

        appCenter.showLoadingToast('發送中...');

        $.post('/home/api/addComment',params,function (res) {            
            if (0 !== res.code && 1 !== res.code ) {
                window.toast.fail({
                    title : "發生錯誤!",
                    duration : 3000
                });
            }else{    
                if(res.code == 1){
                    Swal.fire({
                      icon: "success",
                      title: res.msg,
                      showConfirmButton: false,
                      timer: 1500
                    });
                }else{
                    Swal.fire({
                      icon: "error",
                      title: res.msg,
                      showConfirmButton: false,
                      timer: 1500
                    });
                }

                setTimeout(function () {
                    getCommentList(false, true);
                    stickerManager.clearContent();
                    let current_comment_count = parseInt($('#comment_count').text().replace('+','').trim());
                    $('#comment_count').text(current_comment_count>=999?'999+':current_comment_count+1 );
                    $('#comment-list-block').scrollTop(0);
                }, 800)
            }
        }) 
        
        changeCommentClass('new');
    }

    // 新增sub留言
    let last_addSubComment_time = 0;
    function addSubComment(comment_id) {
        if(Date.now() - last_addSubComment_time < 5000) return;
        last_addSubComment_time = Date.now();

        let params ={};
        params.comment_id = comment_id;
        params.content = $('#ReplyContent_'+comment_id).val();

        appCenter.showLoadingToast('發送中...');
        
        setTimeout(function () {
            window.toast.hide();
        },1000);
        
        $.post('/home/api/addComment',params,function (res) {            
            if (0 !== res.code && 1 !== res.code ) {
                window.toast.fail({
                    title : "發生錯誤!",
                    duration : 3000
                });
            }else{    
                if(res.code == 1){
                    Swal.fire({
                      icon: "success",
                      title: res.msg,
                      showConfirmButton: false,
                      timer: 1500
                    });
                }else{
                    Swal.fire({
                      icon: "error",
                      title: res.msg,
                      showConfirmButton: false,
                      timer: 1500
                    });
                }

                setTimeout(function () {
                    getSubCommentList(false, true);
                    $('.comment_content').val('');
                    let current_comment_count = parseInt($('#comment_count').text().replace('+','').trim());
                    $('#comment_count').text(current_comment_count>=999?'999+':current_comment_count+1 );
                    $('#comment-list-block').scrollTop(0);
                },1500)
            }
        }) 
    }

    // 刪除自己的评论, 增加父層的參數，刪除後重新寫入緩存，針對底下有留言的評論
    function bthTrash( id, comment_id,replyTo = null) {
        $.ajax({
            url: '/home/book/trash_comment',
            type: 'post',
            data: {
                id: id,
                comment_id: comment_id,
                replyTo:replyTo,
            },
            success: function (data) {
                console.log('------');
                console.log(data);
                console.log('------');
                data2 = JSON.parse(data);
                if (data2.status == '200') {
                    getCommentList(false, );
                }
                else {
                }
            }
        });
    }

    // 按讚
    function btThumbs( id, comment_id, reply_to) {
        var obj = $('#Thumbs_'+comment_id) ;
        if(__UID===''){

            toast.fail({
                title: "请先登录",
                duration: 2000
            });
            return;
        }
        $.ajax({
            url: '/home/book/thumbs',
            type: 'post',
            data: {
                id: id,
                comment_id: comment_id,
                reply_to: reply_to,
            },
            success: function (data) {
                if (data.status == '200') {
                    console.log(data)
                    obj.children('b').text(data.count) ;
                    if ( data.faIcon === 'up') {
                        obj.children('i').addClass('liked');
                    } else {
                        obj.children('i').removeClass('liked');
                    }
                } else {
                }
            }
        });
    }

    // 按爛
    function btThumbsDown( id, comment_id, reply_to) {
        var obj = $('#ThumbsDown_'+comment_id) ;
        if(__UID===''){

            toast.fail({
                title: "请先登录",
                duration: 2000
            });
            return;
        }
        let is_sue = confirm('要一并举报这则评论么？');
        $.ajax({
            url: '/home/book/thumbsDown',
            type: 'post',
            data: {
                id: id,
                comment_id: comment_id,
                is_sue: is_sue ? 1 : 0,
                reply_to: reply_to,
            },
            success: function (data) {
                if (data.status == '200') {
                    console.log(data)
                    obj.children('b').text(data.count) ;
                    if ( data.faIcon === 'up') {
                        obj.children('i').addClass('liked');
                    } else {
                        obj.children('i').removeClass('liked');
                    }
                } else {
                }
            }
        });
    }

    // 熱門評論(讚數排序)｜最新评论 | 预设排序
    function changeCommentClass(mod){
        switch (mod) {
            case 'hot' :
                comment_loadmod = 'hot' ;
                $('#comment-class-hot').css('color', '#2a638d') ;
                $('#comment-class-new').css('color', '#0c0c0c') ;
                $('#comment-class-asc').css('color', '#0c0c0c') ;
                break ;
            case 'new' :
                comment_loadmod = 'new' ;
                $('#comment-class-hot').css('color', '#0c0c0c') ;
                $('#comment-class-new').css('color', '#2a638d') ;
                $('#comment-class-asc').css('color', '#0c0c0c') ;
                break ;
            case 'asc' :
                comment_loadmod = 'asc' ;
                $('#comment-class-hot').css('color', '#0c0c0c') ;
                $('#comment-class-new').css('color', '#0c0c0c') ;
                $('#comment-class-asc').css('color', '#2a638d') ;
                break ;
        }

        if ( mod !== undefined) {
            getCommentList();
        }
        $('.reader-infinite-preloader').show();
    };


    // 讀取留言
    function getCommentList(loadMore=false, force = false){
        if(loadMore){
            comment_page+=1;
        }else{
            comment_page=0;
        }
        comment_loading=true;
        appCenter.showLoadingToast('加载中...');
        $.ajax({
            url: '/home/api/getComment',
            type: 'post',
            data: {
                manhua_id: '2905',
                page:comment_page,
                loadMod: comment_loadmod,
                force: force
            },
            success: function (data) {
                let html = "";

                $('#comment_count').text(data.result.comment_count);

                if (data.succ) {
                    // console.log(data.result.list);
                    html = template("commentItem", data);
                    if (loadMore)
                        $('#comment-list-block').append(decodeHtml(html));
                    else
                        $('#comment-list-block').html(decodeHtml(html));

                    if (data.result && data.result.list && data.result.is_last == 1 ) {
                        comment_can_load_more = false;

                        $('.reader-infinite-preloader').hide();
                    }
                    else {
                        comment_can_load_more = true;

                        let comments = '<div class="mac_pages"> \n' +
                                                '<div class="nowloadding" style="text-align: center;"> \n' +
                                                    '<p class="reader-infinite-preloader" \n' +
                                                    '    onclick="getCommentList(true)" \n' +
                                                    '    style="background-color: #ffbf99;max-width: 150px;margin: 15px auto;padding: 10px;font-size: 1.2em;border-radius: 25px;"> \n' +
                                                    '点击加载更多</p> \n' +
                                                '</div> \n' +
                                            '</div>';
                        $("#comment-list-block").append(comments);
                    }
                }
                else {
                    if ( !loadMore && $('#comment-list-block .forum-list').length === 0 ) {
                        $('#comment-list-block').html(
                            '<div class="" style="\n' +
                            '    width: 100%;\n' +
                            '    text-align: center;\n' +
                            '    margin-top: 1rem;\n' +
                            '">目前没有评论哦! 赶快开启新话题吧</div>'
                        );
                    }
                    else {
                        comment_page > 0 && $('#comment-list-block').append(  '<div class="" style="\n' +
                            '    width: 100%;\n' +
                            '    text-align: center;\n' +
                            '    margin-top: 0.3rem;\n' +
                            '">已经没有更多评论了</div>');
                        
                        $('.reader-infinite-preloader').hide();
                    }
                    comment_can_load_more=false;
                }
            },
            complete: function (XMLHttpRequest, textStatus) {
                // $('.adsbyexoclick').remove();
                // $('.nerverblockins').parent('div').css('display','block');
                window.toast.hide();
                comment_loading=false;
            }
        });
    }

    function showSubComment(comment_id) {
        let ele = $('#Replies_' + comment_id);

        if ( ele.data('loaded') != '1' ) {
            getSubCommentList(comment_id);
        }
        else {
            console.log('toggle');
            ele.toggle();
        }
    }

    function showSubComments(comment_id) {
        getSubCommentList(comment_id, true);
    }

    function getSubCommentList(comment_id, loadMore = false, force = false){
        if ( !comment_id ) return;
        let ele = $('#Replies_' + comment_id);
        ele.data('loaded', 1);

        if (loadMore) {
            ele.data('comment_page', ele.data('comment_page') + 1);
        }
        else {
            ele.data('comment_page', 0);
        }
        appCenter.showLoadingToast('加载中...');

        $.ajax({
            url: '/home/api/getSubComment',
            type: 'post',
            data: {
                comment_id: comment_id,
                manhua_id: '2905',
                page: ele.data('comment_page'),
                force: force
            },
            success: function (data) {
                let html = "";
                html = template("subCommentItem", data);
                let ele = $('#Replies_' + comment_id);

                if (loadMore) {
                    $("#comment_old").remove();
                    ele.append(decodeHtml(html));
                }
                else {
                    ele.html(decodeHtml(html));
                }

                if( data.result && data.result.list && data.result.is_last == 1 ) {
                    ele.data('comment_can_load_more', false);
                    $('.reader-infinite-preloader-sub').hide();
                }
                else {
                    ele.data('comment_can_load_more', true);

                    if ( data.code == 1 ) {
                        let sub_comments = '<div class="mac_pages"> \n' +
                                            '<div class="nowloadding" style="text-align: center;"> \n' +
                                                '<p class="reader-infinite-preloader-sub" \n' +
                                                '    onclick="showSubComments(' + comment_id + ')" \n' +
                                                '    style="background-color: #99b4ff;max-width: 150px;margin: 15px auto;padding: 10px;font-size: 1.2em;border-radius: 25px;"> \n' +
                                                '更多评论</p> \n' +
                                            '</div> \n' +
                                        '</div>';
                        $("#show_sub_comments").append(sub_comments);
                    }
                    else {
                        $('.reader-infinite-preloader-sub').hide();
                    }
                }                

                if ( !data.succ ) {
                    ele.data('comment_can_load_more', false);
                }
            },
            complete: function (XMLHttpRequest, textStatus) {
                window.toast.hide();
            }
        });
    }

    $(document).ready(function (){
        let browserData = '%5B%7B%22manhua_id%22%3A2905%2C%22manhua_title%22%3A%22%5Cu5982%5Cu8981%5Cu7ed9%5Cu6211%5Cu4eec%5Cu53d6%5Cu540d%22%2C%22manhua_image%22%3A%22%5C%2Fbookimages%5C%2Flubl_33240%5C%2F33240.webp%22%2C%22manhua_type%22%3A1%2C%22manhua_vipcanread%22%3A0%7D%5D';
        doUpdateHistory(browserData);
    })

    // 更新歷史書架
    function doUpdateHistory(browserData) {
        let browserDataArray = JSON.parse(decodeURIComponent(browserData));
        let manhua_id = browserDataArray[0].manhua_id;
        let history = JSON.parse(decodeURIComponent((localStorage.getItem('history'))));

        if(!history){
            localStorage.setItem('history', browserData);
            return;
        }

        let updatingTag = false;
        history.forEach(function (item, index) {
            if (item.manhua_id == manhua_id) {
                history.splice(index, 1);
                history.push(browserDataArray[0]);
                updatingTag = true;
            }
        });

        if(!updatingTag){
            if(history.length < 30){ 
                history.push(browserDataArray[0]);
            }else{
                history.shift();
                history.push(browserDataArray[0]);

            }
        }
        
        localStorage.setItem('history', encodeURIComponent(JSON.stringify(history)));
    };

    // 获取章节列表
    function getChapterList(asc, first = false) {
        if(first){
            let data = JSON.parse("{\"list\":[{\"id\":30349,\"isvip\":\"0\",\"title\":\" \\u7b2c1\\u8bdd \",\"score\":0,\"create_time\":\"2020-05-28 03:20:48\"},{\"id\":30336,\"isvip\":\"0\",\"title\":\" \\u7b2c2\\u8bdd \",\"score\":0,\"create_time\":\"2020-05-28 03:20:04\"},{\"id\":30335,\"isvip\":\"0\",\"title\":\" \\u7b2c3\\u8bdd \",\"score\":0,\"create_time\":\"2020-05-28 03:19:20\"},{\"id\":30323,\"isvip\":\"0\",\"title\":\" \\u7b2c4\\u8bdd \",\"score\":0,\"create_time\":\"2020-05-28 03:18:17\"},{\"id\":30306,\"isvip\":\"0\",\"title\":\" \\u7b2c5\\u8bdd \",\"score\":0,\"create_time\":\"2020-05-28 03:17:21\"},{\"id\":30303,\"isvip\":\"0\",\"title\":\" \\u7b2c6\\u8bdd\\u5b8c\\u7ed3 \",\"score\":0,\"create_time\":\"2020-05-28 03:15:59\"},{\"id\":30302,\"isvip\":\"0\",\"title\":\" \\u7b2c6\\u8bdd \",\"score\":0,\"create_time\":\"2020-05-28 03:14:31\"}],\"history\":[]}");
            var listStr = "";
            var arr = listStr.includes(",") ? listStr.split(",") : [listStr];
            var html = "";
            html = template("comic_chpater_list", data);

            $('#playlist__item_title_1_url').append(html);
            let history=data.history;
            if (data.history['m_2905']) data.history['m_2905'] = data.history['m_2905'].map(i=>Number(i));
            $('.chapter-btn').each(function () {
                if (data.history['m_2905'] && data.history['m_2905'].indexOf($(this).data('cid')) > -1) {
                    $(this).addClass('seen');
                }
            });
            $('.chapter-btn').each(function () {
                if (arr.indexOf($(this).data('cid').toString()) > -1) {
                    $(this).find('a').addClass('active');
                }else{
                    $(this).find('a').removeClass('active');
                }
            });
            $("img.lazy").lazyload();
        }else{
            var baseCate = 1;
            // appCenter.showLoadingToast('加载中...'); // 這個版沒反應
            appCenter.doGetChpaterList(2905, window.order, 0, 10, function (data) {
                var html = "";
                html = template("comic_chpater_list", data);

                $('#playlist__item_title_1_url').html(html);
                let history=data.history;

                if (data.history['m_2905']) data.history['m_2905'] = data.history['m_2905'].map(i=>Number(i));
                $('.chapter-btn').each(function () {
                    if (data.history['m_2905'] && data.history['m_2905'].indexOf($(this).data('cid')) > -1) {
                        $(this).addClass('seen');
                    }
                });

                $("img.lazy").lazyload();
                window.toast.hide();
            });
        }
    }

    //初始化
    $(function () {
        // console.log('init');
        isRead();
        isSubscribe();
        getChapterList(1, true) ;
        
        var called_comment = false;
        $('#comment').click(function(){
            if(called_comment) return;
            getCommentList();
            called_comment = true;
        });

        var called_cnxh2 = false;
        $('#hits').click(function(){
            if(called_cnxh2) return;
            // 取得【猜你喜歡】
            $.ajax({
                url: "/home/Api/getCnxh2.html",
                type: 'get',
                data: {
                    limit: 20,
                    type: '1',
                    keyword: '年下攻,骨科,虐恋'
                },
                success: function (data) {
                    // console.log( [ 'getCnxh2', data]) ;
                    if (data.code === 200) {
                        let total = data.data.length;
                        // 手機版顯示空間的問題 所以除以二
                        // let dataObj = {data: data.data.filter((item, key) => key < total / 2)};
                        // var top = template('booklist2', dataObj);
                        // document.getElementById("cnxh2").innerHTML = top;
                        // dataObj = {data: data.data.filter((item, key) => key > total / 2)};
                        // var top2 = template('booklist2', dataObj);
                        // document.getElementById("cnxh3").innerHTML = top2;
                        // PC版做法 2021.06.10
                        var html = template('booklist2', data);
                        document.getElementById("cnxh2").innerHTML = html;
                    }
                }
            });
            called_cnxh2 = true;
        });
    });
</script>
{/block}