文章加上预计阅读时间

zhima1234 · zhima1234 · commit 4c1dcb882fa8 · 2017-06-16T20:03:51.000+08:00
diff --git a/template/articles/detail.html b/template/articles/detail.html
@@ -28,12 +28,13 @@ <h1>
 						{{else}}
 						<span>{{.article.AuthorTxt}}</span>
 						{{end}}
-						 · <span title="{{.article.Ctime}}" class="timeago"></span> · {{.article.Viewnum}} 次点击 &nbsp; &nbsp;
+						 · <span title="{{.article.Ctime}}" class="timeago"></span> · {{.article.Viewnum}} 次点击 · 
+						<span class="read-time"></span> · 
+						<span class="timeago" title="{{.cur_time}}"></span> 开始浏览 &nbsp; &nbsp;
 						{{if canEdit .me .article}}
 						<a id="edit" class="op" href="javascript:" title="编辑">编辑</a>
 						{{end}}
 					</small>
-					<small class="gray" style="margin-left: 20px;"><span class="timeago" title="{{.cur_time}}"></span> 开始浏览</small>
 				</div>
 				{{if gt (distanceDay .article.Ctime) 100 }}
 				<div class="outdated">这是一个创建于 <span title="{{.article.Ctime}}" class="timeago"></span> 的文章，其中的信息可能已经有所发展或是发生改变。</div>
@@ -195,6 +196,14 @@ <h1>
 		$(this).attr('href', url);
 		$(this).attr('target', '_blank');
 	});
+
+	var len = '{{.article.Txt}}'.length;
+	var readTime = Math.round(len / 1200);
+	if (readTime >= 1) {
+		$('.read-time').text('预计阅读时间 '+readTime+' 分钟');
+	} else {
+		$('.read-time').text('预计阅读时间不到 1 分钟');
+	}
 });
 </script>
 <script type="text/javascript" src="/static/ckeditor/config.js"></script>
diff --git a/template/topics/detail.html b/template/topics/detail.html
@@ -23,12 +23,12 @@ <h1>
 						{{.topic.title}}
 					</h1>
 					<small class="gray">
-						<a href="/user/{{.topic.user.Username}}">{{.topic.user.Username}}</a> · <span title="{{.topic.ctime}}" class="timeago"></span> · {{add .topic.view 1}} 次点击 &nbsp; &nbsp;
+						<a href="/user/{{.topic.user.Username}}">{{.topic.user.Username}}</a> · <span title="{{.topic.ctime}}" class="timeago"></span> · {{add .topic.view 1}} 次点击 · 
+						<span class="timeago" title="{{.cur_time}}"></span> 开始浏览&nbsp; &nbsp;
 						{{if canEdit .me .topic}}
 						<a class="op" href="/topics/modify?tid={{.topic.tid}}" title="编辑">编辑</a>
 						{{end}}
 					</small>
-					<small class="gray" style="margin-left: 20px;"><span class="timeago" title="{{.cur_time}}"></span> 开始浏览</small>
 				</div>
 				{{if gt (distanceDay .topic.ctime) 100 }}
 				<div class="outdated">这是一个创建于 <span title="{{.topic.ctime}}" class="timeago"></span> 的主题，其中的信息可能已经有所发展或是发生改变。</div>
