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
时间: 2024-10-10 15:10:54