|
|
@@ -81,8 +81,9 @@
|
|
|
}
|
|
|
.main .container .footer .footer-header{
|
|
|
position: relative;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
- .main .container .footer .footer-header div{
|
|
|
+ .main .container .footer .footer-header div.infoMessage{
|
|
|
position: absolute;
|
|
|
left: 278px;
|
|
|
top: -30px;
|
|
|
@@ -100,6 +101,7 @@
|
|
|
height: 15px;
|
|
|
}
|
|
|
.main .container .footer .footer-section .message{
|
|
|
+ margin: 30px 0;
|
|
|
overflow: hidden ;
|
|
|
}
|
|
|
.main .container .footer .footer-section .message .left{
|
|
|
@@ -164,15 +166,48 @@
|
|
|
.main .container .footer .footer-section .detail .reply {
|
|
|
margin-top: 10px;
|
|
|
}
|
|
|
- .main .container .footer .footer-section .pull{
|
|
|
+ .main .container .footer .pull{
|
|
|
margin: 40px 0;
|
|
|
}
|
|
|
- .main .container .footer .footer-section .pull a{
|
|
|
+ .main .container .footer .pull a{
|
|
|
font-size: 14px;
|
|
|
color: #8c8c8c;
|
|
|
text-decoration: none;
|
|
|
}
|
|
|
+ .main .container .footer .footer-header .writeMessage{
|
|
|
+ display: none;
|
|
|
+ padding: 20px;
|
|
|
+ }
|
|
|
+ .main .container .footer .footer-header .writeMessage textarea{
|
|
|
+ width: 580px;
|
|
|
+ height: 100px;
|
|
|
+ }
|
|
|
+ .main .container .footer .footer-header .writeMessage div{
|
|
|
+ text-align: right;
|
|
|
+ margin-top: -80px;
|
|
|
+ }
|
|
|
+ .main .container .footer .footer-header .writeMessage a{
|
|
|
+ display: inline-block;
|
|
|
+ width: 80px;
|
|
|
+ height: 25px;
|
|
|
+ line-height: 25px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 14px;
|
|
|
+ background: #b4b5b9;
|
|
|
+ border-radius: 5px;
|
|
|
+ color: #333;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .main .container .footer .footer-header .writeMessage a:hover{
|
|
|
+ border: none;
|
|
|
+ background: #5078cb;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
</style>
|
|
|
+ <!--<#macro script>-->
|
|
|
+ <script>
|
|
|
+ </script>
|
|
|
+ <!--</#macro>-->
|
|
|
</head>
|
|
|
<body>
|
|
|
<div class="main">
|
|
|
@@ -183,53 +218,17 @@
|
|
|
</div>
|
|
|
<div class="section">
|
|
|
${content.text!}
|
|
|
- <!--<!–音频–>-->
|
|
|
- <!--<div class="audio">-->
|
|
|
- <!--<audio controls="controls">-->
|
|
|
- <!--<source src="" type="">-->
|
|
|
- <!--<source src="" type="">-->
|
|
|
- <!--您的浏览器不支持 audio 标签。-->
|
|
|
- <!--</audio>-->
|
|
|
- <!--</div>-->
|
|
|
- <!--<!–视频–>-->
|
|
|
- <!--<div class="video">-->
|
|
|
- <!--<video controls="controls">-->
|
|
|
- <!--<source src="" type="">-->
|
|
|
- <!--<source src="" type="">-->
|
|
|
- <!--您的浏览器不支持 video 标签。-->
|
|
|
- <!--</video>-->
|
|
|
- <!--</div>-->
|
|
|
- <!--文本-->
|
|
|
- <!--<p></p>-->
|
|
|
<div class="readCount"><div><span>阅读 <em>${content.view_count!'0'}</em></span><span> <img src="/jpress/static/jpress/admin/image/hands.png" alt=""><em>${content.vote_up!'0'}</em></span></div><p>${(content.getMetadataByKey("copy_right"))!}</p></div>
|
|
|
</div>
|
|
|
<div class="footer">
|
|
|
<div class="footer-header">
|
|
|
- <div><span>写留言</span><img src="/jpress/static/jpress/admin/image/pen.png" alt=""></div>
|
|
|
+ <div class="infoMessage"><span>写留言</span><img src="/jpress/static/jpress/admin/image/pen.png" alt=""></div>
|
|
|
+ <div class="writeMessage">
|
|
|
+ <textarea name="" id="" cols="30" rows="10"></textarea>
|
|
|
+ <div><a>提交留言</a></div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="footer-section">
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- <#if content.isCommentEnable() >
|
|
|
- <form action="${CPATH}/comment/submit" method="post" id="comment">
|
|
|
- <input type="hidden" name="cid" value="${(content.id)!}" >
|
|
|
- <input type="hidden" name="anchor" value="comment" >
|
|
|
- <input type="hidden" id="parent_id" name="parent_id" >
|
|
|
- <div class="x-white-box">
|
|
|
- <h3 class="x-box-title">
|
|
|
- 发表评论
|
|
|
- </h3>
|
|
|
- <div class="x-layout-100 clearfix">
|
|
|
- <textarea name="text" class="x-layout-100 x-border-grey x-box-border x-padding-5 x-item-space-8 body-bacground" placeholder="说点什么吧..."></textarea>
|
|
|
- </div>
|
|
|
- <div class="x-layout-100 clearfix">
|
|
|
- <button type="submit" class="x-button-primary x-border-none pull-right x-margin-top-5">发表评论</button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </form>
|
|
|
- </#if>
|
|
|
- <!-- -->
|
|
|
<@jp.commentPage pageSize="2">
|
|
|
<#if page ??>
|
|
|
<#list page.getList() as comment>
|
|
|
@@ -260,8 +259,8 @@
|
|
|
|
|
|
</#if>
|
|
|
</@jp.commentPage>
|
|
|
- <div class="pull"><a href="">上拉加载更多</a></div>
|
|
|
</div>
|
|
|
+ <div class="pull"><a>下拉加载更多</a></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -296,5 +295,35 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+// 写留言
|
|
|
+ $('.footer-header>div.infoMessage').click(function () {
|
|
|
+ $(this).next('.writeMessage').toggle()
|
|
|
+ })
|
|
|
+// 上拉加载更多
|
|
|
+// var page = 1, //分页码
|
|
|
+// timers = null; //定时器
|
|
|
+// //加载数据
|
|
|
+// var LoadingDataFn = function() {
|
|
|
+// var dom = '';
|
|
|
+// for (var i = 0; i < 10; i++) {
|
|
|
+// dom += '';
|
|
|
+// }
|
|
|
+// $('.footer-section').append(dom);
|
|
|
+// };
|
|
|
+// //初始化
|
|
|
+// $(document).ready(function() {
|
|
|
+// LoadingDataFn();
|
|
|
+// });
|
|
|
+//
|
|
|
+// //滚动加载方法
|
|
|
+// $('.footer-section').scroll(function() {
|
|
|
+// if (($(this)[0].scrollTop + $(this).height() + 60) >= $(this)[0].scrollHeight) {
|
|
|
+// clearTimeout(timers);
|
|
|
+// timers = setTimeout(function() {
|
|
|
+// page++;
|
|
|
+// LoadingDataFn(); //调用执行上面的加载方法
|
|
|
+// }, 300);
|
|
|
+// }
|
|
|
+// });
|
|
|
</script>
|
|
|
</html>
|
hangb