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 評論相關