首页 > 代码库 > jeecms 评论相关

jeecms 评论相关

html

WEB-INF-t-cms-www-gyxrmyy-content

  news.html  内容详情页

  inc_comment_input.html  评论输入框

技术分享

 

  inc_comment_list.html  评论列表

技术分享

 

WEB-INF-t-cms-www-gyxrmyy-csi

  comment_list.html  查看评论的回复

技术分享

 

WEB-INF-t-cms-www-gyxrmyy-special

  comment_input.html  评论的回复中的评论

技术分享

 

[#if channel.commentControl!=2]    [#include "inc_comment_input.html"/]    [#include "inc_comment_list.html"/][/#if]

css

r-cms-www-default-css

  index.css

r-cms-jqueryUI

  jquery.ui.css

/*评论开始*/.comments{margin-top:80px;}.comments h1{color:#1f1f1f; font-size:24px; font-weight:normal; position:relative;}.comments h1 span{color:#1f1f1f; font-size:14px; display:inline-block; position:absolute; right:0; bottom:0;}.comments h1 span .count{color:#ef3838;}.comments .comments-text{margin-top:20px; border:1px solid #cbcbcb; width:100%; height:130px; box-sizing:border-box; padding:10px;}.down{height:32px; line-height:32px; float:right;}.down .userImg{width:30px; height:30px; border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%; margin-right:17px; float:left;}.down span{color:#666666; font-size:15px;}.down span a{color:#00a2ff;}.down .submit-on{float:right; width:80px; height:32px; background-color:#ffb3b3; color:#fff; font-size:14px; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; cursor:text;}.down .submit-out{background-color:#ef3838; float:right; width:80px; height:32px; color:#fff; font-size:14px; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; cursor:pointer;}.plfr1{margin-top:10px;}.plcode{border:1px solid #cbcbcb; width:150px; height:32px; box-sizing:border-box; padding:10px;}.plfr1 img{height:40px; margin-left:10px;}.plfr1 label{color:#f00; font-size:12px; margin-left:4px;}.comments-list{margin-top:60px;}.comments-list h1{color:#1f1f1f; font-size:16px; font-weight:normal; border-bottom:2px solid #f0f0f0; line-height:30px; height:30px; margin-bottom:10px; }.comments-list h1 span{display:inline-block; line-height:30px; border-bottom:2px solid #ef3838;}.comments-item{padding-top:10px; border-bottom:1px dotted #c7c7c7;}.comments-item .tx{float:left; height:100%; margin-right:10px;}.comments-item .tx img{width:50px; height:50px; border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%;}.comments-item .rig{padding-left:60px;}.comments-item .rig .rig-top{padding-top:10px;}.rig .rig-top a{color:#00a2ff; font-size:12px; margin-right:10px;}.rig .rig-top em{color:#ccc; font-size:12px;}.rig .rig-txt{color:#1f1f1f; font-size:14px; line-height:18px; margin-top:10px;}.rig .rig-bottom{margin:10px 0; color:#ccc; font-size:12px;}.rig .rig-bottom a{color:#ccc; font-size:12px; margin-right:20px; padding-left:18px; position:relative; cursor:pointer; line-height:12px; display:inline-block;}.rig .rig-bottom .comments-zan:before{content:""; position:absolute; left:0; bottom:0; width:12px; height:12px; background:url(../images/content_tubiao.png) -13px -274px no-repeat;}.rig .rig-bottom .comments-hf:before{content:""; position:absolute; left:0; bottom:0; width:12px; height:12px; background:url(../images/content_tubiao.png) -13px -254px no-repeat;}.rig .rig-bottom .reply-on{color:#00a2ff;}.rig .rig-bottom a:hover{color:#00a2ff;}.rig .reply{display:none; height:auto; padding:5px; margin-top:10px; border:1px solid #cbcbcb; overflow:hidden; margin-bottom:10px;}.rig .reply .reply-text{ height:100px; width:100%; font-size:12px; outline:none; resize:none; border-bottom:1px solid #f0f0f0; margin-bottom:5px;}.rig .reply .reply-btn{float:right; padding:3px 16px; background-color:#00a2ff; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; cursor:pointer; color:#fff; font-size:14px; margin-right:5px; outline:none;}.rig .reply .reply-btn:hover{background-color:#21aeff;}.open-more{margin-top:40px; text-align:center;display: none;}.open-more a{padding:5px 20px; border:1px solid #c7c7c7; font-size:12px; color:#333; display:inline-block;}.open-more a:hover{border:1px solid #ef3838; color:#333;}.comments-child{border-top:1px dotted #c7c7c7; border-bottom:none;}/*评论结束*/

js

r-cms

  jquery.js

  front.js

r-cms-jqueryUI

  jquery-ui.js

<script src="${resSys}/jquery.js" type="text/javascript"></script><script src="${resSys}/jqueryUI/jquery-ui.js" type="text/javascript"></script><script src="${resSys}/front.js" type="text/javascript"></script>
<script type="text/javascript">        $(function() {            Cms.checkPerm("${base}","${content.id}");            Cms.collectCsi("${base}","collectCsiDiv","collect_csi","${content.id}");            Cms.attachment("${base}","${content.id}","${content.attachments?size}","attach");            Cms.viewCount("${base}","${content.id}");            Cms.siteFlow("${base}", location.href, document.referrer,"${site.config.flowSwitch?string}");        });    </script>    <script type="text/javascript">        jQuery(document).ready(function($){            $(.content-comment).click(function(){                $(html,body).animate({scrollTop:$(#comments-text).offset().top}, 1000)                $(#comments-text).focus();            });        });        $(function(){            //设置一个定时器,为BUTTON点击事件用            var timer=null;            var number1=0;            //文本输入时改变            $(#comments-text).keyup(function(){                if(!$(this).val()==‘‘){                    $(.submit-on).attr("class", "submit-out");                }else{                    $(".submit-out").attr("class", "submit-on");                }            });            //处理输入的内容是文字还是字母的函数            function getLength(str){                return String(str).replace(/[^\x00-\xff]/g,aa).length;            };        });    </script>

 images

r-cms-www

  no_picture.gif

jeecms 评论相关