wzj/Mrdoc
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

优化界面样式

Browse Source
This commit is contained in:
yangjian 2021-02-28 12:29:01 +08:00
parent 931dddce18
commit e8b4c70918
7 changed files with 139 additions and 129 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
static/mrdoc/mrdoc-admin.css
View File

@ -117,7 +117,7 @@
color: #2176ff;
}
.layui-form-select dl dd.layui-this{
background-color: #2176ff !important;
/* background-color: #2176ff !important; */
}
/* 开关样式 */
.layui-form-onswitch{

9
static/mrdoc/mrdoc-docs.js
View File

@ -240,16 +240,21 @@ $("#dashang").click(function(r){
*/
$(function(){
// $(".switch-toc").click(SwitchToc);
$("body").on('click','.switch-toc',SwitchToc)
$("body").on('click','.switch-toc',SwitchToc);
});
// 切换文档目录
function SwitchToc(i){
console.log("点击了")
// console.log("点击了")
var $me = $(this);
$(this).parent().next("ul").toggleClass("toc-close"); //切换展开收起样式
$(this).toggleClass("layui-icon-left layui-icon-down");//切换图标
};
// $(".switch-toc-div").click(function(e){
// console.log(e)
// $(this).children("i").trigger('click')
// });
// 展开文档树
function openDocTree(){
$("nav ul.summary ul").each(function(obj){

221
static/mrdoc/mrdoc-editor.css
View File

@ -1,104 +1,119 @@
/* 编辑器图标样式 */
.editormd-menu i{
color: #333;
font-size: 16px;
}
ul.editormd-menu{
margin-bottom: 0;
}
/* 编辑器预览列表样式 */
.markdown-body ul li{
list-style:disc;
}
.markdown-body ul > li > ul > li{
list-style-type: circle;
}
.markdown-body ol li{
list-style-type: decimal;
}
.markdown-body ol ol ul,.markdown-body ol ul ul,.markdown-body ul ol ul,.markdown-body ul ul ul li{
list-style-type: square;
}
/* 选择上级文档样式 */
.selected-parent-doc{
text-decoration-line: underline;
font-weight: 700;
color: black;
}
/* 选择图片 - 图片列表样式 */
.select-img-list{
cursor: pointer;
position: relative;
display:flex;
float: left;
align-items:center;
width: 120px;
height:120px;
margin: 0 20px 30px 0;
text-align: center;
overflow: hidden;
}
/* 编辑器页面 */
.page-editor-header{
font-family: helvetica neue,Helvetica,Arial,sans-serif;
overflow: visible;
height: auto;
padding: 0 8px 0 8px;
z-index: 2;
font-size: .85em;
color: #7e888b;
background: 0 0;
/* 固定在顶部 */
/* width: 100%; */
/* position: fixed; */
/* background-color: #ffffff; */
}
/* 编辑器图标样式 */
.editormd-menu i{
color: #333;
font-size: 16px;
}
ul.editormd-menu{
margin-bottom: 0;
}
/* 编辑器预览列表样式 */
.markdown-body ul li{
list-style:disc;
}
.markdown-body ul > li > ul > li{
list-style-type: circle;
}
.markdown-body ol li{
list-style-type: decimal;
}
.markdown-body ol ol ul,.markdown-body ol ul ul,.markdown-body ul ol ul,.markdown-body ul ul ul li{
list-style-type: square;
}
/* 选择上级文档样式 */
.selected-parent-doc{
text-decoration-line: underline;
font-weight: 700;
color: black;
}
/* 选择图片 - 图片列表样式 */
.select-img-list{
cursor: pointer;
position: relative;
display:flex;
float: left;
align-items:center;
width: 120px;
height:120px;
margin: 0 20px 30px 0;
text-align: center;
overflow: hidden;
}
.select-img-list:hover{
background-color: #EAFFEA;
}
.select-img-list-i{
display: block;
width: 100%;
height: auto;
-webkit-background-size: contain;
border: 1px solid transparent;
border-radius: 3px;
overflow: hidden;
}
/* layui分页组件样式 */
.layui-laypage .layui-laypage-curr .layui-laypage-em{
background-color: #2176ff !important;
}
.layui-form-select dl dd.layui-this{
background-color: #2176ff !important;
}
/* layui单选样式 */
.layui-form-radio>i:hover, .layui-form-radioed>i{
color: #2176ff;
}
/* HTML预览样式 */
.markdown-body h1{
font-size: 1.7em;
}
.markdown-body h2{
font-size: 1.5em;
}
.markdown-body h3{
font-size: 1.25em;
}
.markdown-body h4{
font-size: 1em;
}
.markdown-body h5{
font-size: .875em;
}
.markdown-body h6{
font-size: .85em;
}
/* 编辑器行号宽度 */
.CodeMirror-linenumber{
width: auto !important;
}
li.L1, li.L3, li.L5, li.L7, li.L9 {
background: none !important;
}
/* layui 折叠面板 边框颜色 - 用在左侧文集结构 */
.layui-badge-rim, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea{
border-color: #f8f8f8;
}
.layui-colla-content{
padding: 0px;
}
/* 预览代码宽度 */
ol.linenums li{
width: max-content;
}
#doc-tree{
margin-bottom: 5px;
}
.select-img-list:hover{
background-color: #EAFFEA;
}
.select-img-list-i{
display: block;
width: 100%;
height: auto;
-webkit-background-size: contain;
border: 1px solid transparent;
border-radius: 3px;
overflow: hidden;
}
/* layui分页组件样式 */
.layui-laypage .layui-laypage-curr .layui-laypage-em{
background-color: #2176ff !important;
}
.layui-form-select dl dd.layui-this{
background-color: #2176ff !important;
}
/* layui单选样式 */
.layui-form-radio>i:hover, .layui-form-radioed>i{
color: #2176ff;
}
/* HTML预览样式 */
.markdown-body h1{
font-size: 1.7em;
}
.markdown-body h2{
font-size: 1.5em;
}
.markdown-body h3{
font-size: 1.25em;
}
.markdown-body h4{
font-size: 1em;
}
.markdown-body h5{
font-size: .875em;
}
.markdown-body h6{
font-size: .85em;
}
/* 编辑器行号宽度 */
.CodeMirror-linenumber{
width: auto !important;
}
li.L1, li.L3, li.L5, li.L7, li.L9 {
background: none !important;
}
/* layui 折叠面板 边框颜色 - 用在左侧文集结构 */
.layui-badge-rim, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea{
border-color: #f8f8f8;
}
.layui-colla-content{
padding: 0px;
}
/* 预览代码宽度 */
ol.linenums li{
width: max-content;
}
#doc-tree{
margin-bottom: 5px;
}

2
template/app_doc/editor/create_base.html
View File

@ -49,7 +49,7 @@
<!-- 右侧编辑器栏 -->
<div class="doc-body">
<!-- 文档导航 -->
<div class="doc-header" role="navigation" style="z-index: 999;">
<div class="doc-header page-editor-header layui-row" role="navigation" style="z-index: 999;">
<!-- 顶部工具栏 -->
{% block head_toolbar %}
{% endblock %}

20
template/app_doc/editor/create_doc.html
View File

@ -9,14 +9,17 @@
<i class="fa fa-align-justify"></i>
</a>
<li class="layui-nav-item mrdoc-import-doc-item">
<a href="javascript:;">文档</a>
<a href="javascript:;"><i class="fa fa-file-text layui-hide-md"></i><span class="layui-hide-xs">文档</span></a>
<dl class="layui-nav-child mrdoc-import-doc-child">
<dd><a href="javascript:void(0);" id="doc-tag-set">文档标签</a></dd>
<hr>
<dd><input type="checkbox" name="open-children" title="展开下级目录" lay-skin="primary"></dd>
<dd><input type="checkbox" name="show-children" title="显示下级文档" lay-skin="primary"></dd>
</dl>
</li>
<li class="layui-nav-item mrdoc-import-doc-item">
<a href="javascript:;">导入</a>
<a href="javascript:;"><i class="fa fa-upload layui-hide-md"></i><span class="layui-hide-xs">导入</span></a>
<dl class="layui-nav-child mrdoc-import-doc-child"> <!-- 二级菜单 -->
<dd><a href="javascript:void(0);" id="sel-doctemp">
<svg t="1608814405819" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3399" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"><defs><style type="text/css"></style></defs><path d="M0 0h475.904v335.36H0z" fill="#52adff" p-id="3400"></path><path d="M591.36 667.050667H1024V1024H591.36z" fill="#1892ff" p-id="3401"></path><path d="M0 450.730667h475.904V1024H0z" fill="#83c5fd" p-id="3402"></path><path d="M591.36 0H1024v551.68H591.36z" fill="#52afff" p-id="3403"></path></svg>
@ -36,7 +39,7 @@
</li>
<li class="layui-nav-item mrdoc-import-doc-item">
<a href="javascript:;">编辑器</a>
<a href="javascript:;"><i class="fa fa-edit layui-hide-md"></i><span class="layui-hide-xs">编辑器</span></a>
<dl class="layui-nav-child mrdoc-import-doc-child"> <!-- 二级菜单 -->
<dd><a href="?pid={{pid}}&eid=1">EditorMD{% if editor_mode == 1 %}<span class="layui-badge-dot layui-bg-blue"> </span>{% endif %}</a></dd>
<dd><a href="?pid={{pid}}&eid=2">Vditor{% if editor_mode == 2 %}<span class="layui-badge-dot layui-bg-blue"> </span>{% endif %}</a></dd>
@ -45,16 +48,7 @@
</li>
<li class="layui-nav-item mrdoc-import-doc-item">
<a href="javascript:;">其他配置</a>
<dl class="layui-nav-child mrdoc-import-doc-child"> <!-- 二级菜单 -->
<dd><input type="checkbox" name="open-children" title="展开下级目录" lay-skin="primary"></dd>
<dd><input type="checkbox" name="show-children" title="显示下级文档" lay-skin="primary"></dd>
</dl>
</li>
<li class="layui-nav-item mrdoc-import-doc-item">
<a href="{% url 'user_center' %}" target="_blank">管理</a>
<a href="{% url 'user_center' %}" target="_blank"><i class="fa fa-dashboard layui-hide-md"></i><span class="layui-hide-xs">管理</span></a>
</li>
<button class="layui-btn layui-btn-sm layui-btn-normal layui-btn-radius pull-right" style="margin-top:10px;" title="发布文档" id="pub_doc">发布</button>

10
template/app_doc/editor/modify_doc.html
View File

@ -29,6 +29,9 @@
<dd><a href="javascript:void(0);" id="doc-history">文档历史</a></dd>
<dd><a href="javascript:void(0);" id="doc-tag-set">文档标签</a></dd>
<hr>
<dd><input type="checkbox" name="open-children" title="展开下级目录" lay-skin="primary" {%if doc.open_children %}checked{% endif %}></dd>
<dd><input type="checkbox" name="show-children" title="显示下级文档" lay-skin="primary" {%if doc.show_children %}checked{% endif %}></dd>
<hr>
<dd><a href="javascript:;" onclick="moveDoc()" title="复制或移动此文档到其他文集">复制/移动文档</a></dd>
<dd><a href="javascript:;" onclick="delDoc()" title="删除此文档">删除文档</a></dd>
</dl>
@ -61,13 +64,6 @@
<dd><a href="?pid={{pid}}&eid=3">iceEditor{% if editor_mode == 3 %}<span class="layui-badge-dot layui-bg-blue"> </span>{% endif %}</a></dd>
</dl>
</li>
<li class="layui-nav-item mrdoc-import-doc-item">
<a href="javascript:;">其他配置</a>
<dl class="layui-nav-child mrdoc-import-doc-child"> <!-- 二级菜单 -->
<dd><input type="checkbox" name="open-children" title="展开下级目录" lay-skin="primary" {%if doc.open_children %}checked{% endif %}></dd>
<dd><input type="checkbox" name="show-children" title="显示下级文档" lay-skin="primary" {%if doc.show_children %}checked{% endif %}></dd>
</dl>
</li>
<li class="layui-nav-item mrdoc-import-doc-item">
<a href="{% url 'user_center' %}" target="_blank">管理</a>
</li>

4
template/app_doc/manage/manage_project_import.html
View File

@ -122,7 +122,7 @@
if(r.status){
layer.msg("完成文集导入",function(){
layer.close(index)
window.location.href = "{% url 'manage_project' %}"
// window.location.href = "{% url 'manage_project' %}"
})
}else{
@ -146,7 +146,7 @@
if(r.status){
layer.msg("完成文集导入",function(){
layer.close(index)
window.location.href = "{% url 'manage_project' %}"
// window.location.href = "{% url 'manage_project' %}"
})
}else{
layer.msg("修改导入文集出错")