优化移动端阅读体验

This commit is contained in:
yangjian 2020-06-07 09:50:32 +08:00
parent c502264a97
commit 25c94d0dbd
3 changed files with 30 additions and 22 deletions

View File

@ -253,7 +253,7 @@ body, html {
text-decoration: underline;
}
li.active > a,li.active > div > a{
color: #1E9FFF;
color: #5FB878;
}
.bq a {
padding: 15px;

View File

@ -78,16 +78,23 @@
//初始化悬浮目录
var toc = $("#toc-container").find('li');
if(toc.length > 0){
layer.open({
var toc_index = layer.open({
title: '目录',
type:1,
offset:'r',//坐标
maxmin:true, //最大最小化
area: ['170px','200px'],
area: ['170px','0.8'],
shade: 0,
content: $("#toc-container"),
});
};
// 手机屏幕上默认最小化目录
if(window.outerWidth < 768){
console.log('最小化目录');
setTimeout(function(){
layer.min(toc_index);
},500)
}
//修改a标签链接新窗口打开
$('#content').on('click','a',function(e){
e.target.target = '_blank';

View File

@ -253,24 +253,6 @@
</div>
<script src="{% static 'jquery/3.1.1/jquery.min.js' %}"></script>
<script src="{% static 'layui/layui.all.js' %}"></script>
<script src="{% static 'editor.md/lib/marked.min.js' %}"></script>
<script src="{% static 'editor.md/lib/prettify.min.js' %}"></script>
<script src="{% static 'editor.md/lib/raphael.min.js' %}"></script>
<script src="{% static 'editor.md/lib/underscore.min.js' %}"></script>
<script src="{% static 'editor.md/lib/sequence-diagram.min.js' %}"></script>
<script src="{% static 'editor.md/lib/flowchart.min.js' %}"></script>
<script src="{% static 'editor.md/lib/jquery.flowchart.min.js' %}"></script>
<script src="{% static 'editor.md/lib/echarts.min.js' %}"></script>
<!-- 脑图开始 -->
<script src="{% static 'mindmap/d3@5.js' %}"></script>
<script src="{% static 'mindmap/transform.min.js' %}"></script>
<script src="{% static 'mindmap/view.min.js' %}"></script>
<!-- 脑图结束 -->
<!-- <script src="{% static 'editor.md/editormd.min.js' %}"></script> -->
<script src="{% static 'editor.md/editormd.js' %}?version={{mrdoc_version}}"></script>
<script src="{% static 'share.js/js/social-share.min.js' %}"></script>
<script>
//加载页面时执行一次
changeSidebar();
@ -290,7 +272,26 @@
$("body").removeClass("big-page");
}
}
</script>
</script>
<script src="{% static 'layui/layui.all.js' %}"></script>
<script src="{% static 'editor.md/lib/marked.min.js' %}"></script>
<script src="{% static 'editor.md/lib/prettify.min.js' %}"></script>
<script src="{% static 'editor.md/lib/raphael.min.js' %}"></script>
<script src="{% static 'editor.md/lib/underscore.min.js' %}"></script>
<script src="{% static 'editor.md/lib/sequence-diagram.min.js' %}"></script>
<script src="{% static 'editor.md/lib/flowchart.min.js' %}"></script>
<script src="{% static 'editor.md/lib/jquery.flowchart.min.js' %}"></script>
<script src="{% static 'editor.md/lib/echarts.min.js' %}"></script>
<!-- 脑图开始 -->
<script src="{% static 'mindmap/d3@5.js' %}"></script>
<script src="{% static 'mindmap/transform.min.js' %}"></script>
<script src="{% static 'mindmap/view.min.js' %}"></script>
<!-- 脑图结束 -->
<!-- <script src="{% static 'editor.md/editormd.min.js' %}"></script> -->
<script src="{% static 'editor.md/editormd.js' %}?version={{mrdoc_version}}"></script>
<script src="{% static 'share.js/js/social-share.min.js' %}"></script>
<script>
$.ajaxSetup({
data: {csrfmiddlewaretoken: '{{ csrf_token }}' },