码迷,mamicode.com
首页 > 其他好文 > 详细

jeecms 评论相关

时间:2017-05-31 16:35:01      阅读:328      评论:0      收藏:0      [点我收藏+]

标签:==   ready   list   inpu   attr   pen   fse   val   改变   

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 评论相关

标签:==   ready   list   inpu   attr   pen   fse   val   改变   

原文地址:http://www.cnblogs.com/luoxiaolei/p/6924431.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!