修改开放文档样式问题

This commit is contained in:
暮光:城中城
2021-01-12 20:47:16 +08:00
parent 0f72acc973
commit 7c8a1e7ebc
22 changed files with 44 additions and 38 deletions

View File

@@ -0,0 +1,28 @@
/**展示内容的样式*/
.wang-editor-body {
font-size: 14px;padding: 6px;overflow-y: auto;
}
.wang-editor-body table {
border-top: 1px solid #ccc; border-left: 1px solid #ccc;
}
.wang-editor-body table td, .wang-editor-body table th {
border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 3px 5px;
}
.wang-editor-body table th {
border-bottom: 2px solid #ccc; text-align: center;
}
.wang-editor-body blockquote {
display: block; border-left: 8px solid #d0e5f2; padding: 5px 10px; margin: 10px 0;
line-height: 1.4; font-size: 100%; background-color: #f1f1f1;
}
.wang-editor-body code {
display: inline-block; *display: inline; *zoom: 1;
background-color: #f1f1f1; border-radius: 3px; padding: 3px 5px; margin: 0 3px;
}
.wang-editor-body pre code {
display: block;
}
.wang-editor-body ul, ol {
margin: 10px 0 10px 20px;
}

View File

@@ -55,7 +55,7 @@
</div>
<div ref="pageContent" class="wiki-page-content">
<div v-html="pageShowDetail" class="markdown-body" v-if="wikiPage.editorType == 2"></div>
<div v-html="pageShowDetail" class="wiki-html-content" v-else></div>
<div v-html="pageShowDetail" class="wang-editor-body" v-else></div>
</div>
<div style="margin-top: 40px; font-size: 14px;">
<span style="vertical-align: top;" class="is-link">
@@ -644,6 +644,7 @@
}
</script>
<style>
@import "../../common/lib/wangEditor.css";
/*覆盖样式*/
.el-main{overflow: hidden;}
.page-show-vue {height: 100%;}
@@ -654,7 +655,6 @@
.page-show-vue .wiki-author{font-size: 14px;color: #888;padding: 20px 0;height: 40px;line-height: 40px;}
.page-show-vue .wiki-page-content img{cursor: pointer;max-width: 100%;}
.page-show-vue .wiki-page-content img:hover{box-shadow: 0 2px 6px 0 rgba(0,0,0,.3);}
.page-show-vue .wiki-page-content .wiki-html-content{font-size: 14px;padding: 6px;overflow-y: auto;}
.page-show-vue .upload-page-file .el-upload-list{display: none;}
.page-show-vue .is-link{color: #1e88e5;cursor: pointer;}
@@ -713,29 +713,5 @@
.page-show-vue .comment-card:hover .comment-user-name .el-icon-delete{
display: inline-block;
}
/**展示内容的样式*/
.wiki-html-content table {
border-top: 1px solid #ccc; border-left: 1px solid #ccc;
}
.wiki-html-content table td, .wiki-html-content table th {
border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 3px 5px;
}
.wiki-html-content table th {
border-bottom: 2px solid #ccc; text-align: center;
}
.wiki-html-content blockquote {
display: block; border-left: 8px solid #d0e5f2; padding: 5px 10px; margin: 10px 0;
line-height: 1.4; font-size: 100%; background-color: #f1f1f1;
}
.wiki-html-content code {
display: inline-block; *display: inline; *zoom: 1;
background-color: #f1f1f1; border-radius: 3px; padding: 3px 5px; margin: 0 3px;
}
.wiki-html-content pre code {
display: block;
}
.wiki-html-content ul, ol {
margin: 10px 0 10px 20px;
}
</style>

View File

@@ -23,7 +23,7 @@
</div>
<div ref="pageContent" class="wiki-page-content">
<div v-html="pageShowDetail" class="markdown-body" v-if="wikiPage.editorType == 2"></div>
<div v-html="pageShowDetail" class="wiki-html-content" v-else></div>
<div v-html="pageShowDetail" class="wang-editor-body" v-else></div>
</div>
</div>
</el-row>
@@ -137,12 +137,13 @@
</script>
<style>
@import "../../../../common/lib/wangEditor.css";
.page-share-view-vue .wiki-title{font-size: 20px;text-align: center;}
.page-share-view-vue .wiki-author{font-size: 14px;color: #888;padding: 20px 0;height: 40px;line-height: 40px;}
.page-share-view-vue .wiki-page-content img{cursor: pointer;max-width: 100%;}
.page-share-view-vue .wiki-page-content img:hover{box-shadow: 0 2px 6px 0 rgba(0,0,0,.3);}
.page-share-view-vue .wiki-page-content .wiki-html-content{font-size: 14px;padding: 6px;overflow-y: auto;}
.page-share-view-vue .upload-page-file .el-upload-list{display: none;}
.page-share-view-vue .is-link{color: #1e88e5;cursor: pointer;}