{php $this->template('header')}
    
    <style>
        .dsnone{
            display: none;
        }
        html,body{
            height:auto
        }
        .bui-scroll-foot{
            display: none;
        }
        .bui-article p{
            text-indent:0;
        }
        .bui-article section p img{
            margin-left: 0rem
        }
        .imgbox{
            width: 100%!important;
            height: 100%!important
        }
        .bui-article p iframe {
            margin-left: 0em!important; 
        } 
             
        table{
            width: auto!important
        }
    </style>

    <link rel="stylesheet" href="{$public}css/tokeract/index/item.css?{php echo time()}">
    <link rel="mask-icon" href="//res.wx.qq.com/a/wx_fed/assets/res/MjliNWVm.svg" color="#4C4C4C">
    <link rel="stylesheet" href="{$public}css/tokeract/index/weixin.css?{php echo time()}">
    <link rel="stylesheet" href="{$public}css/chats/index/index.css?{php echo time()}">
    

        {php echo share($act['title'],$act['img'],$act['title'],'',share)}

        {php $user_id=input('get.uid')?input('get.uid'):$this->user['id']}

    <div class="bui-page">

        <main style="background-color: #fff;">
            <div id="scrollList" class="bui-scroll">
                
                <div class="bui-scroll-head"></div>
            <article id="panel" class="bui-article">
                <h1>{$act['title']}</h1>
                <div class="article-info bui-box">
                    <span class="article-from">{php echo db('user')->where(['id'=>$user_id])->value('nickname')}</span>
                    <div class="span1">  {php echo time_shijian($act['time'])} </div>
                    
                </div>
            
                    <div id="img-content">
                    {$act['content']}
                    </div>
            
                {if $this->openmini}<div class="foot">
                    <span class="yuedu click" data-url="{if $act['url']!=''}{$act['url']}{else}{php echo iurl('tokeract/index/index',['uid'=>input('get.uid')])}{/if}">阅读原文</span>
                    <span class="eye"> 阅读 {php echo ($act['eye']+$act['addeye'])>100000?'10万+':($act['eye']+$act['addeye'])} </span>
                    <div class="right zaikan" data-type="1"> <i class="iconfont icon-icon_haokan {if $actzan==1}praised{/if}"></i> <span class="{if $actzan==1}praised{/if}">在看</span> <span class="praise_num {if $actzan==1}praised{/if}" data-zan="{php echo ($act['zan']+$act['addzan']);}">{php echo ($act['zan']+$act['addzan'])>100000?'10万+':($act['zan']+$act['addzan'])}</span></div>
                </div>{/if}
            </article>
            
            <!-- 修改 -->
            {if $this->openmini}
                {if config('edit_me')==2||$this->vip==1}
                    <div class="xiugai_box jianbian3" onclick="shiyong({php echo user(input('get.uid'),'actedit');})">
                        修改成我的
                    </div>
                {/if}
            <!-- 修改END -->

            <!-- 广告位 -->
            <div class="ad_box" {if config('bottom_ad')==2} style="margin-bottom: 1rem;"{/if}>
                <div class="title_line">
                    <span class="tips"> 广 告 </span>
                </div>
                
                <div class="ad">
                    
                    <div class="info">

                        <ul class="bui-list">
                            <li class="bui-btn bui-box click" data-url="{php echo iurl('index/index/index')}">
                                <div class="tu"> <img src="{$ad['img']}"> </div>
                                <div class="span1">
                                    <div class="name" style="font-size: .25rem;margin-bottom: .2rem;">{$ad['title']}</div>
                                    <div class="jieshao bui-ellipsis-1" style="font-size: .3rem;">{$ad['depict']}</div>
                                </div>
                               
                                <div class="tui"> 推 广 </div>
                            </li>
                        </ul>

                    </div>
                </div>

            </div>
            <!-- 广告END -->
            <!-- 聊天头像 -->
            {if config('config_chats')==2}
                {if $this->user['id']!=$user_id&&$user_id}
                    <div class="box_liaotian click dsnone" data-url="{php echo iurl('chats/index/index')}&uid={$user_id}&cid={php echo $cid}">
                        <div class="container">
                            <div class="wave solid warning">
                                <div class="circle"></div>
                                <div class="content">
                                    <!-- <i class="iconfont icon-tianchongxing-" style="font-size: .7rem;"></i> -->
                                    <img src="{php echo user($user_id,'headimgurl')}" id="headimgurl">
                                </div>
                            </div>
                        </div>
                    </div>
                {/if}
            {/if}
            <!-- 聊天END -->
            <!-- <div class="mssage click" data-url="{php echo iurl('tokeract/index/mssage',['id'=>$act['id']])}"> 写留言 </div> -->
            
            {if config('bottom_ad')==2}
                
            <div class="footer_box">

                <ul id="tabFootNav1" class="bui-nav">
                    <li class="bui-btn btn-home bui-box-vertical" tapmode id="btnOpen" style="overflow:visible;">
                        <i class="big-icon bgauto" style="background-image: url({php echo user($user_id,'headimgurl')})"></i>

                        <span class="layer1"></span><span class="layer2"></span>
                    </li>
                    <li class="bui-btn bui-box-vertical click" data-url="{php echo iurl('user/article/index',['uid'=>$user_id])}">
                        <i class="iconfont icon-fabuwenzhang"></i>
                        <div class="span1">TA的文章</div>
                    </li>
                    <li class="bui-btn bui-box-vertical weixin" onClick="weixin()">
                        <i class="iconfont icon-weixin"></i>
                        <div class="span1">TA的微信</div>
                    </li>
                    
                    <li class="bui-btn bui-box-vertical click" data-url="{php echo iurl('card/index/index',['uid'=>$user_id])}">
                        <i class="iconfont icon-gerenzhuye"></i>
                        <div class="span1">TA的名片</div>
                    </li>
                    
                    <li class="bui-btn bui-box-vertical click" data-url="tel:{php echo user($user_id,'phone')}">
                        <i class="iconfont icon-42"></i>
                        <div class="span1">拨打电话</div>
                    </li>

                </ul>

            </div>

            {/if}
          {/if}
            <!--  <div class="bui-scroll-main">
                    <ul class="bui-list bui-list-thumbnail">
                    </ul>
                </div> -->
                <div class="bui-scroll-foot"></div>
            </div>
        </main>
    
    </div>
    
    <style>
        img,p{
            max-width: 100%!important;
        }

    </style>
    
    
    <div id="dialogCenter" class="bui-dialog" style="display: none;">
        <div class="bui-dialog-head">关注</div>
        <div class="bui-dialog-main">
            <img src="{$ewm}" >
            <p class="text-c" style="margin-top: .25rem">长按识别关注公众号体验更多</p>
        </div>
       
        <div class="bui-dialog-close"><i class="icon-close"></i></div>
    </div>

    <div id="dialogCenter_weixin" class="bui-dialog" style="display: none;">
        <div class="bui-dialog-head">添加好友</div>
        <div class="bui-dialog-main">
            <img src="{php echo user(input('get.uid'),'wxcode')}" style="width: 3rem;height: 3rem;">
            <p class="text-c" style="margin-top: .25rem">长按识别添加我的微信</p>
        </div>
       
        <div class="bui-dialog-close"><i class="icon-close"></i></div>
    </div>

        <div id="dialogDownChats" class="bui-dialog" style="display: none;background-color: #F4F5F7;">
        <div class="bui-dialog-head" style="background-color: #fff;margin-bottom: .25rem;">聊天</div>
        
            <div class="bui-panel chat-panel" id="chats_content">
                
            </div>
            <footer>
                <div class="chatbar" style="position: fixed;bottom: 0;left: 0;right: 0rem;background-color: #fff;">
                    <div class="bui-input">
                        <textarea id="chatInput" placeholder="点击可以输入聊天信息" ></textarea><span id="btnSend" class="bui-btn round disabled">发送</span>
                    </div>
                </div>
            </footer>
        <div class="bui-dialog-close"><i class="icon-close"></i></div>
    </div>

       <div class="text-r btn" data-clipboard-action="copy" data-clipboard-target="#input_1"></div>
    <input type="text" id="input_1" class="input" value="{if vip($userinfo['id'])==1&&!empty($ad['moren'])}{$ad['moren']}{else} {php echo config('ad_moren')} {/if}">


        <script src="{$public}js/w.js"></script>
        <script src="{$public}js/clipboard.min.js?{php echo time()}"></script>
 
    <script> 
        
  
if (!window.console) window.console = { log: function() {} };

if (typeof getComputedStyle == 'undefined') {
    if (document.div.currentStyle) {
        window.getComputedStyle = function(el) {
            return el.currentStyle;
        }
    } else {    
        window.getComputedStyle = {};
    }
}
(function(){ 
    window.__zoom = 1;
    
    (function(){
        var validArr = ","+([0.875, 1, 1.125, 1.25, 1.375]).join(",")+",";
        var match = window.location.href.match(/winzoom=(\d+(?:\.\d+)?)/);
        if (match && match[1]) {
            var winzoom = parseFloat(match[1]);
            if (validArr.indexOf(","+winzoom+",")>=0) {
                window.__zoom = winzoom;
            }
        }
    })();

    var ua = navigator.userAgent.toLowerCase();
    var re = new RegExp("msie ([0-9]+[\.0-9]*)");
    var version;
    if (re.exec(ua) != null) {
        version = parseInt(RegExp.$1);
    }
    var isIE = false;
    if (typeof version != 'undefined' && version >= 6 && version <= 9) {
        isIE = true;
    }
    var getMaxWith=function(){
        var container = document.getElementById('img-content');
        var max_width = container.offsetWidth;
        var container_padding = 0;
        var container_style = getComputedStyle(container);
        container_padding = parseFloat(container_style.paddingLeft) + parseFloat(container_style.paddingRight);
        max_width -= container_padding;
        if (!max_width) {
            max_width = window.innerWidth - 30;      
        }
        return max_width;
    };
    var getParentWidth = function(dom){
        var parent_width = 0;
        var parent = dom.parentNode;
        var outerWidth = 0;
        while (true) {
            if(!parent||parent.nodeType!=1) break;
            var parent_style = getComputedStyle(parent);
            if (!parent_style) break;
            parent_width = parent.clientWidth - parseFloat(parent_style.paddingLeft) - parseFloat(parent_style.paddingRight) - outerWidth;
            if (parent_width > 0) break;
            outerWidth += parseFloat(parent_style.paddingLeft) + parseFloat(parent_style.paddingRight) + parseFloat(parent_style.marginLeft) + parseFloat(parent_style.marginRight) + parseFloat(parent_style.borderLeftWidth) + parseFloat(parent_style.borderRightWidth);
            parent = parent.parentNode;
        }
        return parent_width;
    }
    var getOuterW=function(dom){
        var style=getComputedStyle(dom),
            w=0;
        if(!!style){
            w = parseFloat(style.paddingLeft) + parseFloat(style.paddingRight) + parseFloat(style.borderLeftWidth) + parseFloat(style.borderRightWidth);
        }
        return w;
    };
    var getOuterH =function(dom){
        var style=getComputedStyle(dom),
            h=0;
        if(!!style){
            h = parseFloat(style.paddingTop) + parseFloat(style.paddingBottom) + parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth);
        }
        return h;
    };
    var insertAfter = function(dom,afterDom){
        var _p = afterDom.parentNode;
        if(!_p){
            return;
        }
        if(_p.lastChild === afterDom){
            _p.appendChild(dom);
        }else{
            _p.insertBefore(dom,afterDom.nextSibling);
        }
    };
    var getQuery = function(name,url){
        
        var u  = arguments[1] || window.location.search,
            reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"),
            r = u.substr(u.indexOf("\?")+1).match(reg);
        return r!=null?r[2]:"";
    };

    
    function setImgSize(item, widthNum, widthUnit, ratio, breakParentWidth) {
        setTimeout(function () {
            var img_padding_border = getOuterW(item) || 0;
            var img_padding_border_top_bottom = getOuterH(item) || 0;
            
            if (widthNum > getParentWidth(item) && !breakParentWidth) {
                widthNum = getParentWidth(item);
            }

            height = (widthNum - img_padding_border) * ratio + img_padding_border_top_bottom;

            if (isIE) {
                var url = item.getAttribute('data-src');
                item.src = url;
            } else {
                if(parseFloat(widthNum, 10) > 40 && height > 40 && breakParentWidth) {
                    item.className += ' img_loading';
                }
                item.src = "data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg==";
            }
            item.style.cssText += ";width: " + widthNum + widthUnit + " !important;";
            item.style.cssText += ";height: " + height + widthUnit + " !important;";
        }, 10);
    }

    (function(){
        var images = document.getElementsByTagName('img');
        var length = images.length;
        var max_width = getMaxWith();
        for (var i = 0; i < length; ++i) {
            if (window.__second_open__ && images[i].getAttribute('__sec_open_place_holder__')) {
                continue;
            }
            var imageItem = images[i];
            var src_ = imageItem.getAttribute('data-src');
            var realSrc = imageItem.getAttribute('src');
            if (!src_ || realSrc) continue;
            
            var originWidth = imageItem.getAttribute('data-w');
            var ratio_ = 1 * imageItem.getAttribute('data-ratio');

            var height = 100;
            if (ratio_ && ratio_ > 0) {
                var parent_width = getParentWidth(imageItem) || max_width;
                var initWidth = imageItem.style.width || imageItem.getAttribute('width') || originWidth || parent_width;
                initWidth = parseFloat(initWidth, 10) > max_width ? max_width : initWidth;
                
                if (initWidth) {
                    imageItem.setAttribute('_width', !isNaN(initWidth * 1) ? initWidth + 'px' : initWidth);
                }
                
                if (typeof initWidth === 'string' && initWidth.indexOf('%') !== -1) {
                    initWidth = parseFloat(initWidth.replace('%', ''), 10) / 100 * parent_width;
                }
                
                if (initWidth === 'auto') {
                    initWidth = originWidth;
                }

                var res = /^(\d+(?:\.\d+)?)([a-zA-Z%]+)?$/.exec(initWidth);
                var widthNum = res && res.length >= 2 ? res[1] : 0;
                var widthUnit = res && res.length >= 3 && res[2] ? res[2] : 'px';

                
                setImgSize(imageItem, widthNum, widthUnit, ratio_, true);
                
                (function (item, widthNumber, unit, ratio) {
                    setTimeout(function () {
                        setImgSize(item, widthNumber, unit, ratio, false);
                    });
                })(imageItem, widthNum, widthUnit, ratio_);
            } else {
                imageItem.style.cssText += ";visibility: hidden !important;";
            }

        }
    })();
    window.__videoDefaultRatio=16/9;
    window.__getVideoWh = function(dom){
        var max_width = getMaxWith(),
            width = max_width,
            ratio_ = dom.getAttribute('data-ratio')*1,
            arr = [4/3, 16/9],
            ret = arr[0],
            abs = Math.abs(ret - ratio_);
        if (!ratio_) { 
            if (dom.getAttribute("data-mpvid")) { 
                ratio_ = 16/9;
            } else { 
                ratio_ = 4/3;
            }
        } else { 
            for (var j = 1, jl = arr.length; j < jl; j++) {
                var _abs = Math.abs(arr[j] - ratio_);
                if (_abs < abs) {
                    abs = _abs;
                    ret = arr[j];
                }
            }
            ratio_ = ret;
        }

        var parent_width = getParentWidth(dom)||max_width,
            width = width > parent_width ? parent_width : width,
            outerW = getOuterW(dom)||0,
            outerH = getOuterH(dom)||0,
            videoW = width - outerW,
            videoH = videoW/ratio_,
            height = videoH + outerH;
        return {w:Math.ceil(width),h:Math.ceil(height),vh:videoH,vw:videoW,ratio:ratio_};
    };


    (function(){
        var iframe = document.getElementsByTagName('iframe');
        for (var i=0,il=iframe.length;i<il;i++) {
            if (window.__second_open__ && iframe[i].getAttribute('__sec_open_place_holder__')) {
                continue;
            }
            var a = iframe[i];
            var src_ = a.getAttribute('src')||a.getAttribute('data-src')||"";
            if(!/^http(s)*\:\/\/v\.qq\.com\/iframe\/(preview|player)\.html\?/.test(src_)
                && !/^http(s)*\:\/\/mp\.weixin\.qq\.com\/mp\/readtemplate\?t=pages\/video_player_tmpl/.test(src_)
            ){
                continue;
            }
            var vid = getQuery("vid",src_);
            if(!vid){
                continue;
            }
            vid=vid.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,"");
            a.removeAttribute('src');
            a.style.display = "none";
            var obj = window.__getVideoWh(a),
                videoPlaceHolderSpan = document.createElement('span'),
                videoPlayerIconSpan = document.createElement('span'),
                mydiv = document.createElement('img');

            videoPlaceHolderSpan.className = "js_img_loading db";
            videoPlaceHolderSpan.setAttribute("data-vid", vid);
            

            videoPlayerIconSpan.className = 'wx_video_context db'; 
            videoPlayerIconSpan.style.display = 'none';
            videoPlayerIconSpan.innerHTML = '<span class="wx_video_thumb_primary"></span><button class="wx_video_play_btn">播放</button><span class="wx_video_mask"></span>'; 

            mydiv.className = "img_loading";

            mydiv.src="data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg==";
            
            
            videoPlaceHolderSpan.style.cssText = "width: " + obj.w + "px !important;";
            mydiv.style.cssText += ";width: " + obj.w + "px";
            videoPlaceHolderSpan.appendChild(videoPlayerIconSpan);
            videoPlaceHolderSpan.appendChild(mydiv);
            insertAfter(videoPlaceHolderSpan, a); 

            a.style.cssText += ";width: " + obj.w + "px !important;";
            a.setAttribute("width",obj.w);
            if(window.__zoom!=1){
                a.style.display = "block";
                videoPlaceHolderSpan.style.display = "none";
                a.setAttribute("_ratio",obj.ratio);
                a.setAttribute("_vid",vid);
            }else{
                videoPlaceHolderSpan.style.cssText += "height: " + obj.h + "px !important;";
                mydiv.style.cssText += "height: " + obj.h + "px !important;";
                a.style.cssText += "height: " + obj.h + "px !important;";
                a.setAttribute("height",obj.h);
            }
            a.setAttribute("data-vh",obj.vh);
            a.setAttribute("data-vw",obj.vw);
            if(a.getAttribute("data-mpvid")){
                a.setAttribute("data-src",location.protocol+"//mp.weixin.qq.com/mp/readtemplate?t=pages/video_player_tmpl&auto=0&vid="+vid);
            }else{
                a.setAttribute("data-src",location.protocol+"//v.qq.com/iframe/player.html?vid="+ vid + "&width="+obj.vw+"&height="+obj.vh+"&auto=0");
            }
        }
    })();

    (function(){
        if(window.__zoom!=1){
            if (!window.__second_open__) {
                document.getElementById('page-content').style.zoom = window.__zoom;
                var a = document.getElementById('activity-name');
                var b = document.getElementById('meta_content');
                if(!!a){
                    a.style.zoom = 1/window.__zoom;
                }
                if(!!b){
                    b.style.zoom = 1/window.__zoom;
                }
            }
            var images = document.getElementsByTagName('img');
            for (var i = 0,il=images.length;i<il;i++) {
                if (window.__second_open__ && images[i].getAttribute('__sec_open_place_holder__')) {
                    continue;
                }
                images[i].style.zoom = 1/window.__zoom;
            }
            var iframe = document.getElementsByTagName('iframe');
            for (var i = 0,il=iframe.length;i<il;i++) {
                if (window.__second_open__ && iframe[i].getAttribute('__sec_open_place_holder__')) {
                    continue;
                }
                var a = iframe[i];
                a.style.zoom = 1/window.__zoom;
                var src_ = a.getAttribute('data-src')||"";
                if(!/http(s)*\:\/\/v\.qq\.com\/iframe\/(preview|player)\.html\?/.test(src_)){
                    continue;
                }
                var ratio = a.getAttribute("_ratio");
                var vid = a.getAttribute("_vid");
                a.removeAttribute("_ratio");
                a.removeAttribute("_vid");
                var vw = a.offsetWidth - (getOuterW(a)||0);
                var vh = vw/ratio;
                var h = vh + (getOuterH(a)||0)
                a.style.cssText += "height: " + h + "px !important;"
                a.setAttribute("height",h);
                a.setAttribute("data-src",location.protocol+"//v.qq.com/iframe/player.html?vid="+ vid + "&width="+vw+"&height="+vh+"&auto=0");
                a.style.display = "none";
                var parent = a.parentNode;
                if(!parent){
                    continue;
                }
                for(var j=0,jl=parent.children.length;j<jl;j++){
                    var child = parent.children[j];
                    if(child.className.indexOf("img_loading")>=0 && child.getAttribute("data-vid")==vid){
                        child.style.cssText += "height: " + h + "px !important;";
                        child.style.display = "";
                    }
                }
            }
        }
    })();
})();
var wwww = new ClipboardJS('.btn');

        $('.btn').click();
        wwww.on('success', function(e) {});
        bui.ready(function(){
            
            var time=0;
            setInterval(function(){

                time++;
                
            },1000);

            var s=bui.list({
                    id: "#scrollList",
                    url: "{php echo iurl('shijian',['id'=>$act['id']])}",
                    field: {
                        page: "page",
                        size: "pageSize",
                        data: "data"
                    },
                    onBeforeLoad : function (r) {
            
                        var data={};
                        data.uid="{php echo input('get.uid')}";
                        data.time_shijian=time;
                        data.page=r;
                        if (r==2) {
                            $.get("{php echo iurl('shijian',['id'=>$act['id'],'type'=>1,])}",data,function(res){})
                        }

                    }
                })

            $('.zaikan').on('click',function(){

                    var t=$(this);
                    var data={};
                    var num=t.find('.praise_num');
                    var zan=parseInt(num.text()); 
            
                    var url="{php echo iurl('actzan')}";//文章点赞
                    data.aid='{php echo $_GET['id']}'

                  $.post(url,data,function(r){

                     if(r==1){

                           t.find('i').addClass('praised');
                           t.find('span').addClass('praised');

                           if (zan>100000) {

                                num.text('10万+').show();

                           }else{

                                num.text(zan+1).show();

                           }
                            


                      }else{

                           t.find('i').removeClass('praised');
                           t.find('span').removeClass('praised');
                           if (zan>100000) {

                                num.text('10万+').show();

                           }else{

                                num.text(zan-1); 
                           }
                          

                           if(zan==1){

                                num.hide();
                           }

                      }
                  })

              })

            window.share=function (){
            
                var id="{$act['id']}",uid="{php echo $this->user['id']}",type="{$act['type']}";
                $.post("{php echo iurl('share_act')}",{id:id,uid:uid,type:type},function(r){})

            };
            var uiDialog = bui.dialog({
                id: "#dialogCenter",
                height: 280,
            });
            var uiDialog1 = bui.dialog({
                id: "#dialogCenter_weixin",
                height: 280,
            });

            window.weixin=function(){

                uiDialog1.open();

            }
            window.shiyong=function(i){

                var subscribe="{php echo user($this->user['id'],'subscribe')}";
                var force_uinfo="{php echo config('force_uinfo')}";
                var editact="{php echo config('actedit')}";
                var vip="{php echo $this->vip}";
                // alert(subscribe);alert(force_uinfo);
                if (subscribe==0&&force_uinfo==2) {

                    uiDialog.open();
                    return false; 
                }

                

                if (vip==0) {

                    if (i>=editact) {

                        return $('#vip_box').show();

                    }

                    
                }

                window.location.href="{php echo iurl('tokeract/index/edit',array('id'=>$act['id']))}";

            }
            /**
             * 聊天
             */
            var uiDialogDownChats = bui.dialog({
                    id: "#dialogDownChats",
                    effect: "fadeInUp",
                    position: "bottom",
                    fullscreen: false,
                    height:"90%",
                    buttons: []
                });
             var woker = new Woker("trhy4tEcmlfBueW6");
            var channel = woker.subscribe('desk_{$token}');
            var limg="{php echo user(input('get.uid'),'headimgurl')}",rimg="{php echo $this->user['headimgurl']}",userid="{php echo $this->user['id']}";
            channel.on('my-event', function(msg) {
                var r= json(msg);
                var v=r.desk;

                var html='';
                if (v.uid==userid) {
                     html+=`<div class="bui-box-align-top chat-target">
                                <div class="chat-icon"><img src="`+limg+`" style="width:.6rem;height:.6ren;border-radius:50%;"></div>
                                <div class="span1">
                                    <div class="chat-content bui-arrow-left">`+v.content+`</div>
                                </div>
                            </div>`
                   
                }else{
                     html+=`<div class="bui-box-align-top chat-mine">
                                <div class="span1">
                                    <div class="bui-box-align-right">
                                        <div class="chat-content bui-arrow-right">
                                             `+v.content+`
                                        </div>
                                    </div>
                                </div>
                                <div class="chat-icon"><img src="`+rimg+`" style="width:.6rem;height:.6ren;border-radius:50%;" alt=""></div>
                            </div>`
                }

                $('#chats_content').append(html);

                uiDialogDownChats.open();

                var pageview = {};
            var uid="{php echo $_GET['uid']}",token="{$token}",cid="{php echo $cid}",tuid="{php echo $_GET['tuid']}",type="{php echo input('get.type')?input('get.type'):0}";
            // 模块初始化定义    
            pageview.init = function () {
                this.bind();
            }
            pageview.bind = function () {
                    // 发送的内容
                var $chatInput = $("#chatInput"),
                    // 发送按钮
                    $btnSend = $("#btnSend"),
                    // 聊天的容器
                    $chatPanel = $(".chat-panel");
                
                // 绑定发送按钮
                $btnSend.on("click",function (e) {
                    var val = $chatInput.val();
                    // var tpl = chatTpl(val);

                    if( !$(this).hasClass("disabled") ){
                        // $chatPanel.append(tpl);
                        $chatInput.val('');
                        $(this).removeClass("primary").addClass("disabled");
                        
                        $.post("{php echo iurl('chats/index/fasong')}&type="+type+"&cid="+cid+"&token="+token+"&tuid="+tuid,{content:val,uid:uid,cid:cid},function(r){

                        });
                    }else{
                        return false;
                    }
                });

                // 延迟监听输入
                $chatInput.on("input",bui.unit.debounce(function () {
                    var val = $chatInput.val();
                    if( val ){
                        $btnSend.removeClass("disabled").addClass("primary");
                        
                    }else{
                        $btnSend.removeClass("primary").addClass("disabled");

                    }
                },100))

                var interval = null;
                var count = 3;
                // 安卓键盘弹出的时间较长;
                var time = bui.platform.isIos() ? 200 : 400;
                // 为input绑定事件
                $chatInput.on('focus', function () {
                    
                    var agent = navigator.userAgent.toLowerCase();
                    interval = setTimeout(function() {
                        if (agent.indexOf('safari') != -1 && agent.indexOf('mqqbrowser') == -1 &&
                            agent.indexOf('coast') == -1 && agent.indexOf('android') == -1 &&
                            agent.indexOf('linux') == -1 && agent.indexOf('firefox') == -1) { 
                            //safari浏览器
                            window.scrollTo(0, 1000000);
                            setTimeout(function() {
                                window.scrollTo(0, window.scrollY - 45);
                            }, 50)

                        } else { 
                            //其他浏览器
                            window.scrollTo(0, 1000000);
                        }

                    }, time);
                }).on('blur', function () {
                    if( interval ){
                        clearTimeout(interval);
                    }
                    
                    var agent = navigator.userAgent.toLowerCase();
                    interval = setTimeout(function() {
                        if (!(agent.indexOf('safari') != -1 && agent.indexOf('mqqbrowser') == -1 &&
                                agent.indexOf('coast') == -1 && agent.indexOf('android') == -1 &&
                                agent.indexOf('linux') == -1 && agent.indexOf('firefox') == -1)) { 
                                //safari浏览器
                            window.scrollTo(0, 30);
                        }
                    }, 0);
                });
            }



            pageview.init();
            return pageview;



        

            });




        })
        
        function json(r){
            return eval('(' + r + ')');
        }

        $('img').css({'max-width':"100%",'height':'auto'});
        $('section').css({'max-width':"100%"});
        $('table').css({'max-width':"100%"});
        $.post('',function(){});
        
    </script>


{php $this->template('footer')}