优化文档展示细节，优化开放文档样式

zyplayer-doc-ui/wiki-ui/src/components/layouts/ShareLayout.vue

@@ -9,24 +9,32 @@
 							<el-button :icon="ElIconSearch" v-on:click="searchByKeywords"></el-button>
 						</template>
 					</el-input>
+					<div class="wiki-page-tree-box">
 						<el-tree
-						:props="defaultProps"
-						:data="wikiPageList"
-						@node-click="handleNodeClick"
 								ref="wikiPageTreeRef"
-						:filter-node-method="filterPageNode"
+								:current-node-key="nowPageId"
-						highlight-current
+								:data="wikiPageList"
-						:expand-on-click-node="true"
 								:default-expanded-keys="wikiPageExpandedKeys"
+								:expand-on-click-node="true"
+								:filter-node-method="filterPageNode"
+								:props="defaultProps"
+								draggable
+								highlight-current
 								node-key="id"
-						style="background-color: #fafafa; padding-bottom: 30px">
+								style="background-color: #fafafa"
+								@node-click="handleNodeClick">
 							<template v-slot="{ node, data }">
-			              <span style="font-size: 14px">
+								<div class="page-tree-node">
-			                <el-icon><el-icon-document/></el-icon>&nbsp;
+									<el-tooltip :content="node.label" placement="top-start" :show-after="1000">
-			                <span>{{ node.label }}</span>
+										<span class="label">
+											<el-icon><el-icon-document/></el-icon>
+											<span class="text">{{ node.label }}</span>
 										</span>
+									</el-tooltip>
+								</div>
 							</template>
 						</el-tree>
+					</div>
 					<!--请保留申明-->
 					<div class="build-info">本文档使用<a target="_blank" href="https://gitee.com/zyplayer/zyplayer-doc">zyplayer-doc</a>构建</div>
 				</div>

zyplayer-doc-ui/wiki-ui/src/views/page/Show.vue

@@ -708,7 +708,7 @@ const initQueryParam = (to) => {
 }
 
 .page-show-vue .wiki-title {
-	font-size: 20px;
+	font-size: 2em;
 	text-align: center;
 	font-weight: bold;
 }

zyplayer-doc-ui/wiki-ui/src/views/page/share/mobile/View.vue

@@ -1,5 +1,5 @@
 <template>
-	<div class="page-share-view-vue">
+	<div class="mobile-share-view-vue">
 		<van-nav-bar :title="wikiPage.name" class="header">
 			<template v-slot:left>
 				<van-icon name="wap-nav" size="20" @click="popupShowChange"></van-icon>
@@ -132,45 +132,46 @@ const previewPageImage = () => {
 <style>
 @import '../../../../assets/lib/wangEditor.css';
 
-.page-share-view-vue {
+.mobile-share-view-vue {
 }
 
-.page-share-view-vue .wiki-title {
+.mobile-share-view-vue .wiki-title {
-	font-size: 20px;
+	font-size: 2em;
 	text-align: center;
+	font-weight: bold;
 }
 
-.page-share-view-vue .wiki-author {
+.mobile-share-view-vue .wiki-author {
 	font-size: 14px;
 	color: #888;
 	height: 40px;
 	line-height: 40px;
 }
 
-.page-share-view-vue .wiki-page-content img {
+.mobile-share-view-vue .wiki-page-content img {
 	cursor: pointer;
 	max-width: 100%;
 }
 
-.page-share-view-vue .wiki-page-content img:hover {
+.mobile-share-view-vue .wiki-page-content img:hover {
 	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
 }
 
-.page-share-view-vue .upload-page-file .el-upload-list {
+.mobile-share-view-vue .upload-page-file .el-upload-list {
 	display: none;
 }
 
-.page-share-view-vue .is-link {
+.mobile-share-view-vue .is-link {
 	color: #1e88e5;
 	cursor: pointer;
 }
 
-.page-share-view-vue .header {
+.mobile-share-view-vue .header {
 	width: 100%;
 	height: 46px;
 }
 
-.page-share-view-vue .main {
+.mobile-share-view-vue .main {
 	position: absolute;
 	top: 46px;
 	bottom: 0;
@@ -180,7 +181,7 @@ const previewPageImage = () => {
 	padding: 10px;
 }
 
-.page-share-view-vue .footer {
+.mobile-share-view-vue .footer {
 	width: 100%;
 	height: 26px;
 	position: fixed;

zyplayer-doc-ui/wiki-ui/src/views/page/share/pc/View.vue

@@ -1,10 +1,6 @@
 <template>
 	<div class="page-share-view-vue">
 		<el-row type="border-card">
-			<el-row>
-				<el-col :xs="0" :sm="4" :md="4" :lg="6" :xl="6" v-if="navigationList.length > 0">
-					<Navigation :heading="navigationList"></Navigation>
-				</el-col>
 			<el-col :xs="24" :sm="navigationList.length > 0 ? 20 : 24" :md="navigationList.length > 0 ? 20 : 24" :lg="navigationList.length > 0 ? 18 : 24" :xl="navigationList.length > 0 ? 18 : 24">
 				<div style="max-width: 1000px; padding-left: 10px; margin: 0 auto">
 					<div class="wiki-title" ref="wikiTitleRef">{{ wikiPage.name }}</div>
@@ -32,7 +28,9 @@
 					</div>
 				</div>
 			</el-col>
-			</el-row>
+			<el-col :xs="0" :sm="4" :md="4" :lg="6" :xl="6" v-if="navigationList.length > 0">
+				<Navigation :heading="navigationList"></Navigation>
+			</el-col>
 		</el-row>
 		<div ref="imagePreviewRef">
 			<el-image-viewer v-if="showImagePreview"
@@ -168,8 +166,9 @@ const initImageViewerMask = () => {
 @import '../../../../assets/lib/wangEditor.css';
 
 .page-share-view-vue .wiki-title {
-	font-size: 20px;
+	font-size: 2em;
 	text-align: center;
+	font-weight: bold;
 }
 
 .page-share-view-vue .wiki-author {