{extend name="public/base" /} {block name="title"}{$article.title}-{$sysInfo.webname}{/block} {block name="keywords"}{$article.title},{$article.tags}{/block} {block name="description"}{$article.title},{:getArtContent($article.content)}{/block} {block name="link"}<link rel="stylesheet" href="/static/res/css/plyr.css" charset="utf-8">{/block} {block name="column"}<div class="layui-hide-xs">{include file="/public/column" /}</div>{/block} {block name="content"} <div class="layui-container"> <div class="layui-row layui-col-space15"> <div class="layui-col-md8 content detail"> <div class="fly-panel detail-box"> {//标题} <h1 style="color:{$article.title_color};">{$article.title} <span class="layui-hide-xs"><div onclick="PhoneDown();" style="" class="detail_qrcode" id="mobile"></div></span> </h1> {//图标} <div class="fly-detail-info"> <span class="layui-badge layui-bg-green fly-detail-column">{:cookie('think_lang') == 'en-us' ? $article.cate.ename : $article.cate.catename}</span> {if ($article.is_top == 1)}<span class="layui-badge layui-bg-black">{:lang('top')}</span>{/if} {if ($article.is_hot == 1)}<span class="layui-badge layui-bg-red">{:lang('hot')}</span>{/if} <span id="LAY_jieAdmin" data-id="{$article['id']}"></span> <span class="fly-list-nums"> <a href="#comment"><i class="iconfont" title="{:lang('reply')}"></i>{$comments->count()}</a><i class="iconfont" title="浏览"></i>{$pv} </span> </div> {//作者} <div class="detail-about"> <a class="fly-avatar" href="{:url('user/home',['id'=>$article.user.id])}"> <img src="{$article.user.user_img}" alt="{$article.user.name}"> <i class="iconfont icon-renzheng" title="认证信息"></i> </a> <div class="fly-detail-user"> <a href="{:url('user/home',['id'=>$article.user.id])}" class="fly-link"> {if config('taoler.config.area_show') == 1}<i class="layui-badge layui-bg-green " title="">{:getAsing($article.user.area_id) ?: '无'}</i>{/if} <cite>{$article.user.nickname ?: $article.user.name}</cite> </a> <span class="layui-btn layui-btn-xs guanzhu" >关注</span> </div> <div class="detail-hits"> <!--span style="padding-right: 10px; color: #FF7200">悬赏:60飞吻</span--> <span class="post-time" data="{$article.create_time}" style="padding-top: 5px;"></span> </div> </div> <div class="detail-body photos">{$article.content|raw}</div> {//管理} {if (($article.upzip !== '') || (session('user_id')==$article.user_id) OR ($user.auth ?? ''))} <div class="detail-assist"> {notempty name="$article.upzip"} <button type="button" class="layui-btn layui-btn-xs" id="zip-download"><i class="layui-icon layui-icon-download-circle"></i>{:lang('download files')}: {$article.downloads}次</button> {/notempty} <div class="fly-admin-box" data-id="{$article.id}"> {if ($user.auth ?? '')} <span class="layui-btn layui-btn-xs jie-admin" type="del"><i class="layui-icon layui-icon-delete"></i></span> {if($article.is_top == 0)}<span class="layui-btn layui-btn-xs jie-admin" type="set" field="top" rank="1"><i class="layui-icon layui-icon-top"></i></span> {else /}<span class="layui-btn layui-btn-xs jie-admin" type="set" field="top" rank="0" style="background-color:#ccc;">{:lang('cancel topping')}</span>{/if} {if($article.is_hot == 0)} <span class="layui-btn layui-btn-xs jie-admin" type="set" field="hot" rank="1"><i class="layui-icon layui-icon-fire"></i></span> {else /} <span class="layui-btn layui-btn-xs jie-admin" type="set" field="hot" rank="0" style="background-color:#ccc;">{:lang('cancel hoting')}</span> {/if} {if($article.is_reply == 1)} <span class="layui-btn layui-btn-xs jie-admin" type="set" field="reply" rank="0"><i class="layui-icon layui-icon-face-cry"></i></span> {else /} <span class="layui-btn layui-btn-xs jie-admin" type="set" field="reply" rank="1" style="background-color:#ccc;">{:lang('enable reply')}</span> {/if} <span id="color">{:lang('title color')}</span> {/if} {if(session('user_name')==$article.user.name || ($user.auth ?? ''))} <span class="layui-btn layui-btn-xs jie-admin" type="edit"><a href="{:url('article/edit',['id'=>$article.id])}">{:lang('edit')}</a></span> {/if} </div> </div> {/if} </div> {//评论} <div class="fly-panel detail-box" id="flyReply"> <span style="font-size:18px;">评论 {$comments->count()}</span> <ul class="jieda" id="jieda"> {volist name="comments" id="vo" empty= ""} <li data-id="{$vo.id}" class="jieda-daan"> <a name="item-1111111111"></a> <div class="detail-about detail-about-reply"> <a class="fly-avatar" href="{:url('user/home',['id'=>$vo.user.id])}"> <img src="{$vo.user.user_img}" alt=" "><i class="iconfont icon-renzheng" title="认证信息"></i> </a> <div class="fly-detail-user"> <a href="{:url('user/home',['id'=>$vo.user.id])}" class="fly-link"> {if config('taoler.config.area_show') == 1}<i class="layui-badge layui-bg-green " title="">{:getAsing($vo.user.area_id) ?: '无'}</i>{/if} <cite>{$vo.user.nickname ?: $vo.user.name}</cite> </a> {if condition="$article.user.id eq $vo.user.id"}<span>({:lang('poster')})</span>{/if} </div> <div class="detail-hits"><span class="post-time" data="{$vo.create_time}"></span></div> </div> <div class="detail-body jieda-body photos">{$vo.content|raw|htmlspecialchars_decode}</div> <div class="jieda-reply"> <span class="jieda-zan {if($vo.zan != 0)}zanok{/if}" type="zan"> <i class="iconfont icon-zan"></i><em>{$vo.zan}</em> </span> <span type="reply"><i class="iconfont icon-svgmoban53"></i>{:lang('reply')}</span> {//评论编辑删除采纳权限} <div class="jieda-admin"> {if ((session('user_id') == $vo.user.id) && (getLimtTime($vo.create_time) < 2)) OR ($user.auth ?? '')} <span type="edit">{:lang('edit')}</span> <span type="del">{:lang('delete')}</span> {/if} </div> </div> </li> {/volist} </ul> <div style="text-align: center">{$comments|raw}</div> {if condition="$article.is_reply == 1"} <div class="layui-form layui-form-pane"> <div class="layui-form-item layui-form-text"> <a name="comment"></a> <div class="layui-input-block"> <textarea id="L_content" name="content" required lay-verify="required" placeholder="{:lang('please input the content')}" class="layui-textarea fly-editor" style="height: 150px;"></textarea> </div> </div> <div class="layui-form-item"> <input type="hidden" name="article_id" value="{$article.id}"> <input type="hidden" name="user_id" value="{:session('user_id')}"> <button class="layui-btn" lay-filter="user-comment" lay-submit>{:lang('submit comments')}</button> </div> </div> {else /} <blockquote class="layui-elem-quote layui-quote-nm layui-disabled" style="margin: 100px 0 20px; padding: 50px 20px; text-align: center; color: #999!important;">本帖已设置禁止回复</blockquote> {/if} </div> </div> <div class="layui-col-md4"> <div class="fly-panel"> <div class="fly-panel-title">{:lang('sponsor')}<span style="padding: 0 3px;">-</span> <a href="" class="fly-link fly-joinad">{:lang('i want to join')}</a> </div> <div class="fly-panel-main"> {volist name="ad_comm" id="vo"} <a href="{$vo.slid_href}" target="_blank" rel="nofollow" class="fly-zanzhu" style="background-color: {$vo.slid_color};">{$vo.slid_name}</a> {/volist} </div> </div> <dl class="fly-panel fly-list-one"> <dt class="fly-panel-title">{:lang('hot post list')}</dt> {volist name="artHot" id="vo"} <dd> <a href="{:url('article/detail',['id' => $vo.id])}">{$vo.title}</a> <span><i class="iconfont icon-pinglun1"></i> {$vo.comments_count}</span> </dd> {/volist} </dl> <div class="fly-panel" style="padding: 5px 0; text-align: center;"> {volist name="ad_art" id="vo"} <a href="{$vo.slid_href}" target="_blank"><img src="{$vo.slid_img}" style="max-width: 100%;"></a> {/volist} </div> </div> </div> <!--底部栏--> <div class="site-tree-mobile-detail-bottom layui-hide-md"> <div id="LAY_jieAdmin1" data-id="{$article['id']}"></div> </div> </div> {include file="public/menu" /} {/block} {block name="script"} <script> var collectionFind = "{:url('Collection/find')}", articleJieset = "{:url('Article/jieset')}", articleDelete = "{:url('Article/delete')}", commentJiedaZan = "{:url('Comment/jiedaZan')}", commentJiedaCai = "{:url('Comment/jiedaCai')}", commentGetDa = "{:url('Comment/getDa')}", commentUpdateDa = "{:url('Comment/updateDa')}", commentJiedaDelete = "{:url('Comment/jiedaDelete')}", langCollection = "{:lang('collection')}", langCancelCollection = "{:lang('cancel collection')}"; var collection = "{:url('collection/')}"; layui.use(['fly', 'face','colorpicker','plyr'], function(){ var $ = layui.jquery ,form = layui.form ,fly = layui.fly ,colorpicker = layui.colorpicker ,plyr = layui.plyr; var laytpl = layui.laytpl; var uid = layui.cache.user.uid; //tpl模板给发布时间赋值 $('div.detail-hits').children('span.post-time').each(function(){ var othis = $(this), html = othis.html(); var string = laytpl('{{ d.time }}').render({ //time: html time: othis.attr('data') }); var posttime = layui.util.timeAgo(string, 1); othis.text(posttime); //console.log(othis.attr('data')); }); //预定义颜色项 colorpicker.render({ elem: '#color' ,color: '#393d49' ,predefine: true // 开启预定义颜色 ,size: 'xs' ,done: function(color){ //改变标题颜色 $('h1').css("color", color); var id = {$article.id}; $.ajax({ type:'post', url:"{:url('Article/titleColor')}", data:{id: id,title_color: color}, dataType:'json', success:function(data){ if(data.code == 0){ layer.msg(data.msg,{icon:6,time:2000 }); } else { layer.open({content:data.msg,icon:5,adim:6}); } } }); } }); //评论需要登陆 form.on('submit(user-comment)',function (data){ var filed = data.field; if (uid == -1) { layer.msg('请先登陆',{icon:5,time:2000},function(){ location.href = "{:url('login/index')}"; }); } else { $.ajax({ type: "post", url: "{:url('article/comment')}", data: filed, dataType: "json", success:function (data) { if (data.code == 0) { layer.msg(data.msg,{icon:6,time:2000},function () { location.reload(true); }); }else { layer.open({title:'评论失败',content:data.msg,icon:5,anim:6}); } } }); } return false; }); //下载 $('#zip-download').click(function (){ var id = "{$article.id}"; $.ajax({ type:"post", url:"{:url('article/download')}", data:{id:id}, success:function (data) { location.href = "{:url('article/download',['id'=>$article.id])}"; } }); }); //如果你是采用模版自带的编辑器,你需要开启以下语句来解析。 $('.detail-body').each(function(){ var othis = $(this), html = othis.html(); othis.html(fly.content(html)); }); //加载播放器 plyr.setup(); }); //扫码阅读 $("#rdown").hover(function(){ $("#phonedl").show().stop(); },function(){ $("#phonedl").hide().stop(); }); $("#phonedl").hover(function(){ $("#phonedl").show().stop(); },function(){ $("#phonedl").hide().stop(); }); function PhoneDown(){ layer.open({ title: "扫码查阅", skin: 'layui-layer', content: "<img src='/qrcode/?text={$Request.domain}{:url('article/detail',['id' => $article.id])}&size=230'>" }); } //推送百度收录服务 (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> {/block}