#I2BC14 移动端展示适配优化

zyplayer-doc-ui/wiki-ui/package-lock.json

@@ -2081,7 +2081,7 @@
     },
     "babel-helper-vue-jsx-merge-props": {
       "version": "2.0.3",
-      "resolved": "http://registry.npm.taobao.org/babel-helper-vue-jsx-merge-props/download/babel-helper-vue-jsx-merge-props-2.0.3.tgz",
+      "resolved": "https://registry.npm.taobao.org/babel-helper-vue-jsx-merge-props/download/babel-helper-vue-jsx-merge-props-2.0.3.tgz",
       "integrity": "sha1-Iq69OzOQIyjlEyk6jkmSs4T58bY="
     },
     "babel-loader": {
@@ -2120,7 +2120,7 @@
     },
     "babel-runtime": {
       "version": "6.26.0",
-      "resolved": "http://registry.npm.taobao.org/babel-runtime/download/babel-runtime-6.26.0.tgz",
+      "resolved": "https://registry.npm.taobao.org/babel-runtime/download/babel-runtime-6.26.0.tgz",
       "integrity": "sha1-llxwWGaOgrVde/4E/yM3vItWR/4=",
       "requires": {
         "core-js": "^2.4.0",
@@ -7535,7 +7535,7 @@
     },
     "normalize-wheel": {
       "version": "1.0.1",
-      "resolved": "https://registry.npm.taobao.org/normalize-wheel/download/normalize-wheel-1.0.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fnormalize-wheel%2Fdownload%2Fnormalize-wheel-1.0.1.tgz",
+      "resolved": "https://registry.npm.taobao.org/normalize-wheel/download/normalize-wheel-1.0.1.tgz",
       "integrity": "sha1-rsiGr/2wRQcNhWRH32Ls+GFG7EU="
     },
     "npm-run-path": {

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

@@ -1,11 +1,10 @@
 <template>
 	<div class="page-share-view-vue">
-		<van-nav-bar :title="wikiPage.name">
+		<van-nav-bar :title="wikiPage.name" class="header">
-			<van-icon name="ellipsis" slot="left" @click="popupShowChange"></van-icon>
+			<van-icon name="wap-nav" slot="left" size="20" @click="popupShowChange"></van-icon>
 		</van-nav-bar>
-		<el-row type="border-card">
+		<el-row type="border-card" class="main">
 			<div style="max-width: 950px;margin: 0 auto;">
-<!--				<div class="wiki-title">{{wikiPage.name}}</div>-->
 				<div class="wiki-author">
 					<span v-if="wikiPage.updateTime">最后修改：{{wikiPage.updateTime}}</span>
 					<span v-else>创建时间：{{wikiPage.createTime}}</span>
@@ -30,9 +29,6 @@
 				</div>
 			</div>
 		</el-row>
-		<div ref="imagePreview">
-			<el-image-viewer v-if="showImagePreview" :url-list="showImagePreviewList" :on-close="closeImagePreview" :initial-index="previewInitialIndex"></el-image-viewer>
-		</div>
 	</div>
 </template>
 
@@ -40,6 +36,7 @@
 	import pageApi from '../../../../common/api/page'
 	import {mavonEditor, markdownIt} from 'mavon-editor'
 	import ElImageViewer from 'element-ui/packages/image/src/image-viewer'
+	import { ImagePreview } from 'vant';
 	import 'mavon-editor/dist/markdown/github-markdown.min.css'
 	import 'mavon-editor/dist/css/index.css'
 
@@ -54,7 +51,6 @@
 				pageShowDetail: '',
 				// 大图预览
 				previewInitialIndex: 0,
-				showImagePreview: false,
 				showImagePreviewList: [],
 			};
 		},
@@ -115,9 +111,6 @@
 				}
 				return size;
 			},
-			closeImagePreview() {
-				this.showImagePreview = false;
-			},
 			previewPageImage() {
 				const imgArr = [];
 				const imgSelector = this.$refs.pageContent.querySelectorAll('img');
@@ -126,18 +119,13 @@
 					item.onclick = () => {
 						this.previewInitialIndex = index;
 						this.showImagePreviewList = imgArr;
-						this.showImagePreview = true;
+						ImagePreview({
-						setTimeout(() => this.initImageViewerMask(), 0);
+							images: imgArr,
+							startPosition: index,
+						});
 					}
 				});
 			},
-			initImageViewerMask() {
-				// 图片预览遮罩点击隐藏预览框
-				let imageViewerMask = this.$refs.imagePreview.querySelectorAll('.el-image-viewer__mask');
-				imageViewerMask.forEach(item => {
-					item.onclick = () => this.showImagePreview = false;
-				});
-			},
 		}
 	}
 </script>
@@ -145,14 +133,18 @@
 <style>
 	@import "../../../../common/lib/wangEditor.css";
 
-	.page-share-view-vue{padding: 10px;}
+	.page-share-view-vue{}
 	.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-author{font-size: 14px;color: #888;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 .upload-page-file .el-upload-list{display: none;}
 	.page-share-view-vue .is-link{color: #1e88e5;cursor: pointer;}
+
+	.page-share-view-vue .header{width:100%;height:46px;}
+	.page-share-view-vue .main{position:absolute;top:46px;bottom: 0;right:0;left:0;overflow:auto;padding: 10px;}
+	.page-share-view-vue .footer{width:100%;height:26px;position:fixed;bottom:0}
 </style>
 

zyplayer-doc-wiki/README.md

@@ -3,7 +3,8 @@
 #### 项目介绍
 WIKI文档模块，定位为企业内部使用或个人使用的WIKI文档
 
+vant前端框架：https://vant-contrib.gitee.io/vant/#/zh-CN/home
+
 模块的详细使用文档地址，部署必看：
 
 http://doc.zyplayer.com/zyplayer-doc-manage/doc-wiki#/page/share/view?pageId=25&space=23f3f59a60824d21af9f7c3bbc9bc3cb
-

zyplayer-doc-wiki/src/main/resources/css/app.27ee3e9a.css

@@ -1 +1 @@
-::-webkit-scrollbar{width:6px;height:9px;-webkit-appearance:none}::-webkit-scrollbar-thumb{background:#ddd;border-radius:10px}::-webkit-scrollbar-track-piece{background:#eee}.create-space-vue .empty-news{text-align:center;padding:100px}.create-space-vue .text-link{color:#444}.create-space-vue .line-box{color:#666;border-bottom:1px solid #eee;padding:20px 0}.create-space-vue .line-title{font-size:14px}.create-space-vue .page-preview-title{font-size:18px;margin:10px 0 5px 0;color:#3a8ee6;cursor:pointer}.create-space-vue .page-preview-content{font-size:16px;margin-bottom:5px}.create-space-vue .zan-img{vertical-align:middle;margin-top:-3px}.create-space-vue .view-img{font-size:16px;color:#666}.create-space-vue .page-info-box{text-align:right;margin:20px 0 50px 0}body,html{margin:0;padding:0}#app,.el-container,.el-menu,.global-layout-vue,body,html{height:100%}.el-header{background-color:#1d4e89!important}.header-right-user-name{color:#fff;padding-right:5px}.el-header{color:#333;line-height:40px;text-align:right;height:40px!important}.icon-collapse{float:left;font-size:25px;color:#aaa;margin-top:8px;cursor:pointer}.icon-collapse:hover{color:#eee}.head-icon{margin-right:15px;font-size:16px;cursor:pointer;color:#fff}.header-user-message .page-info-box{text-align:right;margin-top:10px}#app[data-v-d209bcd8],body[data-v-d209bcd8],html[data-v-d209bcd8]{margin:0;padding:0;height:100%}pre[data-v-d209bcd8]{margin:0;white-space:pre-wrap;font-size:14px;font-family:auto}.el-menu[data-v-d209bcd8]{-webkit-box-sizing:border-box;box-sizing:border-box;border-right:0;margin-right:3px}.el-header[data-v-d209bcd8]{background-color:#409eff;color:#333;line-height:40px;text-align:right;height:40px!important}.doc-body-box[data-v-d209bcd8]{overflow-x:hidden;overflow-y:auto;width:100%;padding:10px;border-left:1px solid #f1f1f1;-webkit-box-sizing:border-box;box-sizing:border-box}.el-tree[data-v-d209bcd8]{margin-right:3px}.logo[data-v-d209bcd8]{border-bottom:1px solid #f1f1f1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:5px 10px;width:260px;height:40px;line-height:40px;font-size:25px;color:#666;text-align:center}.icon-collapse[data-v-d209bcd8]{float:left;font-size:25px;color:#aaa;cursor:pointer;position:fixed}.icon-collapse[data-v-d209bcd8]:hover{color:#ccc}.comment-box .head[data-v-d209bcd8]{float:left;background-color:#ccc;border-radius:50%;margin-right:10px;width:45px;height:45px;line-height:45px;text-align:center;color:#fff}.build-info[data-v-d209bcd8]{position:fixed;bottom:0;left:0;background:#fafafa;width:240px;text-align:center;padding:5px 0;color:#aaa;font-size:12px}.build-info a[data-v-d209bcd8]{color:#4183c4;cursor:pointer;text-decoration:none}#app[data-v-12cfde59],body[data-v-12cfde59],html[data-v-12cfde59]{margin:0;padding:0;height:100%}.share-mobile-layout[data-v-12cfde59]{height:100%}.popup-module .header[data-v-12cfde59]{width:100%;height:46px}.popup-module .main[data-v-12cfde59]{position:absolute;top:46px;bottom:0;right:0;left:0;overflow:auto}.popup-module .footer[data-v-12cfde59]{width:100%;height:26px;position:fixed;bottom:0}pre[data-v-12cfde59]{margin:0;white-space:pre-wrap;font-size:14px;font-family:auto}.el-menu[data-v-12cfde59]{-webkit-box-sizing:border-box;box-sizing:border-box;border-right:0;margin-right:3px}.el-header[data-v-12cfde59]{background-color:#409eff;color:#333;line-height:40px;text-align:right;height:40px!important}.doc-body-box[data-v-12cfde59]{overflow-x:hidden;overflow-y:auto;width:100%;padding:10px;border-left:1px solid #f1f1f1;-webkit-box-sizing:border-box;box-sizing:border-box}.el-tree[data-v-12cfde59]{margin-right:3px}.logo[data-v-12cfde59]{border-bottom:1px solid #f1f1f1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:5px 10px;width:260px;height:40px;line-height:40px;font-size:25px;color:#666;text-align:center}.icon-collapse[data-v-12cfde59]{float:left;font-size:25px;color:#aaa;cursor:pointer;position:fixed}.icon-collapse[data-v-12cfde59]:hover{color:#ccc}.comment-box .head[data-v-12cfde59]{float:left;background-color:#ccc;border-radius:50%;margin-right:10px;width:45px;height:45px;line-height:45px;text-align:center;color:#fff}.build-info[data-v-12cfde59]{text-align:center;padding:5px 0;color:#aaa;font-size:12px;margin:10px 0}.build-info a[data-v-12cfde59]{color:#4183c4;cursor:pointer;text-decoration:none}
+::-webkit-scrollbar{width:6px;height:9px;-webkit-appearance:none}::-webkit-scrollbar-thumb{background:#ddd;border-radius:10px}::-webkit-scrollbar-track-piece{background:#eee}.create-space-vue .empty-news{text-align:center;padding:100px}.create-space-vue .text-link{color:#444}.create-space-vue .line-box{color:#666;border-bottom:1px solid #eee;padding:20px 0}.create-space-vue .line-title{font-size:14px}.create-space-vue .page-preview-title{font-size:18px;margin:10px 0 5px 0;color:#3a8ee6;cursor:pointer}.create-space-vue .page-preview-content{font-size:16px;margin-bottom:5px}.create-space-vue .zan-img{vertical-align:middle;margin-top:-3px}.create-space-vue .view-img{font-size:16px;color:#666}.create-space-vue .page-info-box{text-align:right;margin:20px 0 50px 0}body,html{margin:0;padding:0}#app,.el-container,.el-menu,.global-layout-vue,body,html{height:100%}.el-header{background-color:#1d4e89!important}.header-right-user-name{color:#fff;padding-right:5px}.el-header{color:#333;line-height:40px;text-align:right;height:40px!important}.icon-collapse{float:left;font-size:25px;color:#aaa;margin-top:8px;cursor:pointer}.icon-collapse:hover{color:#eee}.head-icon{margin-right:15px;font-size:16px;cursor:pointer;color:#fff}.header-user-message .page-info-box{text-align:right;margin-top:10px}#app[data-v-51ce7152],body[data-v-51ce7152],html[data-v-51ce7152]{margin:0;padding:0;height:100%}pre[data-v-51ce7152]{margin:0;white-space:pre-wrap;font-size:14px;font-family:auto}.el-menu[data-v-51ce7152]{-webkit-box-sizing:border-box;box-sizing:border-box;border-right:0;margin-right:3px}.el-header[data-v-51ce7152]{background-color:#409eff;color:#333;line-height:40px;text-align:right;height:40px!important}.doc-body-box[data-v-51ce7152]{overflow-x:hidden;overflow-y:auto;width:100%;padding:10px;border-left:1px solid #f1f1f1;-webkit-box-sizing:border-box;box-sizing:border-box}.el-tree[data-v-51ce7152]{margin-right:3px}.logo[data-v-51ce7152]{border-bottom:1px solid #f1f1f1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:5px 10px;width:260px;height:40px;line-height:40px;font-size:25px;color:#666;text-align:center}.icon-collapse[data-v-51ce7152]{float:left;font-size:25px;color:#aaa;cursor:pointer;position:fixed}.icon-collapse[data-v-51ce7152]:hover{color:#ccc}.comment-box .head[data-v-51ce7152]{float:left;background-color:#ccc;border-radius:50%;margin-right:10px;width:45px;height:45px;line-height:45px;text-align:center;color:#fff}.build-info[data-v-51ce7152]{position:fixed;bottom:0;left:0;background:#fafafa;width:240px;text-align:center;padding:5px 0;color:#aaa;font-size:12px}.build-info a[data-v-51ce7152]{color:#4183c4;cursor:pointer;text-decoration:none}#app[data-v-fa54273c],body[data-v-fa54273c],html[data-v-fa54273c]{margin:0;padding:0;height:100%}.share-mobile-layout[data-v-fa54273c]{height:100%}.popup-module .header[data-v-fa54273c]{width:100%;height:46px}.popup-module .main[data-v-fa54273c]{position:absolute;top:46px;bottom:0;right:0;left:0;overflow:auto}.popup-module .footer[data-v-fa54273c]{width:100%;height:26px;position:fixed;bottom:0}pre[data-v-fa54273c]{margin:0;white-space:pre-wrap;font-size:14px;font-family:auto}.el-menu[data-v-fa54273c]{-webkit-box-sizing:border-box;box-sizing:border-box;border-right:0;margin-right:3px}.el-header[data-v-fa54273c]{background-color:#409eff;color:#333;line-height:40px;text-align:right;height:40px!important}.doc-body-box[data-v-fa54273c]{overflow-x:hidden;overflow-y:auto;width:100%;padding:10px;border-left:1px solid #f1f1f1;-webkit-box-sizing:border-box;box-sizing:border-box}.el-tree[data-v-fa54273c]{margin-right:3px}.logo[data-v-fa54273c]{border-bottom:1px solid #f1f1f1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:5px 10px;width:260px;height:40px;line-height:40px;font-size:25px;color:#666;text-align:center}.icon-collapse[data-v-fa54273c]{float:left;font-size:25px;color:#aaa;cursor:pointer;position:fixed}.icon-collapse[data-v-fa54273c]:hover{color:#ccc}.comment-box .head[data-v-fa54273c]{float:left;background-color:#ccc;border-radius:50%;margin-right:10px;width:45px;height:45px;line-height:45px;text-align:center;color:#fff}.build-info[data-v-fa54273c]{text-align:center;padding:5px 0;color:#aaa;font-size:12px;margin:10px 0}.build-info a[data-v-fa54273c]{color:#4183c4;cursor:pointer;text-decoration:none}

zyplayer-doc-wiki/src/main/resources/css/chunk-72e49b1a.8ccc36ca.css

@@ -0,0 +1 @@
+.page-share-view-vue .wiki-title{font-size:20px;text-align:center}.page-share-view-vue .wiki-author{font-size:14px;color:#888;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{-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,.3);box-shadow:0 2px 6px 0 rgba(0,0,0,.3)}.page-share-view-vue .upload-page-file .el-upload-list{display:none}.page-share-view-vue .is-link{color:#1e88e5;cursor:pointer}.page-share-view-vue .header{width:100%;height:46px}.page-share-view-vue .main{position:absolute;top:46px;bottom:0;right:0;left:0;overflow:auto;padding:10px}.page-share-view-vue .footer{width:100%;height:26px;position:fixed;bottom:0}

zyplayer-doc-wiki/src/main/resources/css/chunk-72e49b1a.cbbefab6.css

@@ -1 +0,0 @@
-.page-share-view-vue{padding:10px}.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{-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,.3);box-shadow:0 2px 6px 0 rgba(0,0,0,.3)}.page-share-view-vue .upload-page-file .el-upload-list{display:none}.page-share-view-vue .is-link{color:#1e88e5;cursor:pointer}

zyplayer-doc-wiki/src/main/resources/doc-wiki.html

@@ -1 +1 @@
-<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=favicon-wiki.png><title>WIKI文档管理系统</title><link href=css/chunk-1ca8e011.e5ecc61a.css rel=prefetch><link href=css/chunk-2e5083a6.d0c31182.css rel=prefetch><link href=css/chunk-32cc5643.5a5b2ca1.css rel=prefetch><link href=css/chunk-34407190.57bbfb51.css rel=prefetch><link href=css/chunk-49c0ba36.ec6236ec.css rel=prefetch><link href=css/chunk-4cdf76bb.bb45a557.css rel=prefetch><link href=css/chunk-53af6df9.17d2b8a1.css rel=prefetch><link href=css/chunk-55738a8b.a38bf186.css rel=prefetch><link href=css/chunk-578c28a7.83c6d32d.css rel=prefetch><link href=css/chunk-72e49b1a.cbbefab6.css rel=prefetch><link href=css/chunk-7498915d.3df29f1b.css rel=prefetch><link href=css/chunk-7ecd39ac.52f4ee05.css rel=prefetch><link href=js/chunk-1ca8e011.1d3d7c09.js rel=prefetch><link href=js/chunk-2d207ece.c599e612.js rel=prefetch><link href=js/chunk-2e5083a6.76ac0808.js rel=prefetch><link href=js/chunk-32cc5643.9743adbd.js rel=prefetch><link href=js/chunk-34407190.a08008b9.js rel=prefetch><link href=js/chunk-49c0ba36.a08fd851.js rel=prefetch><link href=js/chunk-4cdf76bb.8e528c95.js rel=prefetch><link href=js/chunk-53af6df9.5bac6e31.js rel=prefetch><link href=js/chunk-55738a8b.66938d5e.js rel=prefetch><link href=js/chunk-578c28a7.15513490.js rel=prefetch><link href=js/chunk-72e49b1a.30c9b0b8.js rel=prefetch><link href=js/chunk-7498915d.ac526f94.js rel=prefetch><link href=js/chunk-7ecd39ac.f4f9c660.js rel=prefetch><link href=css/app.e11c1f46.css rel=preload as=style><link href=css/chunk-vendors.8cede8f0.css rel=preload as=style><link href=js/app.243c6f0c.js rel=preload as=script><link href=js/chunk-vendors.c8f4dbb4.js rel=preload as=script><link href=css/chunk-vendors.8cede8f0.css rel=stylesheet><link href=css/app.e11c1f46.css rel=stylesheet></head><body><noscript><strong>We're sorry but zyplayer-wiki-ui doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.c8f4dbb4.js></script><script src=js/app.243c6f0c.js></script></body></html>
+<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=favicon-wiki.png><title>WIKI文档管理系统</title><link href=css/chunk-1ca8e011.e5ecc61a.css rel=prefetch><link href=css/chunk-2e5083a6.d0c31182.css rel=prefetch><link href=css/chunk-32cc5643.5a5b2ca1.css rel=prefetch><link href=css/chunk-34407190.57bbfb51.css rel=prefetch><link href=css/chunk-49c0ba36.ec6236ec.css rel=prefetch><link href=css/chunk-4cdf76bb.bb45a557.css rel=prefetch><link href=css/chunk-53af6df9.17d2b8a1.css rel=prefetch><link href=css/chunk-55738a8b.a38bf186.css rel=prefetch><link href=css/chunk-578c28a7.83c6d32d.css rel=prefetch><link href=css/chunk-72e49b1a.8ccc36ca.css rel=prefetch><link href=css/chunk-7498915d.3df29f1b.css rel=prefetch><link href=css/chunk-7ecd39ac.52f4ee05.css rel=prefetch><link href=js/chunk-1ca8e011.ffb2b917.js rel=prefetch><link href=js/chunk-2d207ece.5c95da41.js rel=prefetch><link href=js/chunk-2e5083a6.e012afae.js rel=prefetch><link href=js/chunk-32cc5643.8584a7fe.js rel=prefetch><link href=js/chunk-34407190.bc72b33f.js rel=prefetch><link href=js/chunk-49c0ba36.65535298.js rel=prefetch><link href=js/chunk-4cdf76bb.8e528c95.js rel=prefetch><link href=js/chunk-53af6df9.fa4d0650.js rel=prefetch><link href=js/chunk-55738a8b.d1c1e0b2.js rel=prefetch><link href=js/chunk-578c28a7.233cd2d3.js rel=prefetch><link href=js/chunk-72e49b1a.8c643601.js rel=prefetch><link href=js/chunk-7498915d.be9dd0fc.js rel=prefetch><link href=js/chunk-7ecd39ac.89b4826b.js rel=prefetch><link href=css/app.27ee3e9a.css rel=preload as=style><link href=css/chunk-vendors.8cede8f0.css rel=preload as=style><link href=js/app.1b455cff.js rel=preload as=script><link href=js/chunk-vendors.3512c059.js rel=preload as=script><link href=css/chunk-vendors.8cede8f0.css rel=stylesheet><link href=css/app.27ee3e9a.css rel=stylesheet></head><body><noscript><strong>We're sorry but zyplayer-wiki-ui doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.3512c059.js></script><script src=js/app.1b455cff.js></script></body></html>

zyplayer-doc-wiki/src/main/resources/js/chunk-72e49b1a.30c9b0b8.js

@@ -1 +0,0 @@
-(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-72e49b1a"],{"36c7":function(e,t,i){"use strict";var a=i("867a"),n=i.n(a);n.a},"867a":function(e,t,i){},"8b30":function(e,t,i){"use strict";i.r(t);var a=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"page-share-view-vue"},[i("van-nav-bar",{attrs:{title:e.wikiPage.name}},[i("van-icon",{attrs:{slot:"left",name:"ellipsis"},on:{click:e.popupShowChange},slot:"left"})],1),i("el-row",{attrs:{type:"border-card"}},[i("div",{staticStyle:{"max-width":"950px",margin:"0 auto"}},[i("div",{staticClass:"wiki-author"},[e.wikiPage.updateTime?i("span",[e._v("最后修改："+e._s(e.wikiPage.updateTime))]):i("span",[e._v("创建时间："+e._s(e.wikiPage.createTime))])]),i("div",{staticClass:"wiki-files"},[i("el-table",{directives:[{name:"show",rawName:"v-show",value:e.pageFileList.length>0,expression:"pageFileList.length > 0"}],staticStyle:{width:"100%","margin-bottom":"5px"},attrs:{data:e.pageFileList,border:""}},[i("el-table-column",{attrs:{label:"文件名"},scopedSlots:e._u([{key:"default",fn:function(t){return[i("a",{attrs:{target:"_blank",href:t.row.fileUrl}},[e._v(e._s(t.row.fileName))])]}}])}),i("el-table-column",{attrs:{label:"文件大小"},scopedSlots:e._u([{key:"default",fn:function(t){return[e._v(e._s(e.computeFileSize(t.row.fileSize)))]}}])}),i("el-table-column",{attrs:{prop:"createTime",label:"创建时间",width:"180px"}}),i("el-table-column",{attrs:{prop:"downloadNum",label:"下载次数",width:"80px"}})],1)],1),i("div",{ref:"pageContent",staticClass:"wiki-page-content"},[2==e.wikiPage.editorType?i("div",{staticClass:"markdown-body",domProps:{innerHTML:e._s(e.pageShowDetail)}}):i("div",{staticClass:"wang-editor-body",domProps:{innerHTML:e._s(e.pageShowDetail)}})])])]),i("div",{ref:"imagePreview"},[e.showImagePreview?i("el-image-viewer",{attrs:{"url-list":e.showImagePreviewList,"on-close":e.closeImagePreview,"initial-index":e.previewInitialIndex}}):e._e()],1)],1)},n=[],o=(i("4160"),i("c975"),i("b0c0"),i("b680"),i("159b"),i("0a79")),s=i("b2d8"),r=i("08a9"),l=(i("c350"),i("64e1"),{data:function(){return{spaceUuid:"",nowPageId:"",wikiPage:{},pageFileList:[],pageShowDetail:"",previewInitialIndex:0,showImagePreview:!1,showImagePreviewList:[]}},components:{"el-image-viewer":r["a"]},beforeRouteUpdate:function(e,t,i){this.initQueryParam(e),i()},mounted:function(){this.initQueryParam(this.$route)},methods:{popupShowChange:function(){this.$emit("popupShow",!0)},loadPageDetail:function(e){var t=this,i={pageId:e,space:this.spaceUuid};o["a"].openPageDetail(i).then((function(e){var i=e.data.wikiPage||{};i.selfZan=e.data.selfZan||0,t.wikiPage=i;var a=e.data.pageContent||{};t.pageFileList=e.data.fileList||[],2===t.wikiPage.editorType&&(a.content=s["markdownIt"].render(a.content)),t.pageShowDetail=a.content,document.title=i.name||"WIKI-内容展示",setTimeout((function(){return t.previewPageImage()}),500)}))},initQueryParam:function(e){this.spaceUuid=e.query.space,this.nowPageId=e.query.pageId,this.nowPageId&&this.loadPageDetail(this.nowPageId)},computeFileSize:function(e){if(!e)return"-";var t="";t=e<102.4?e.toFixed(2)+"B":e<104857.6?(e/1024).toFixed(2)+"KB":e<107374182.4?(e/1048576).toFixed(2)+"MB":(e/1073741824).toFixed(2)+"GB";var i=t+"",a=i.indexOf("."),n=i.substr(a+1,2);return"00"==n?i.substring(0,a)+i.substr(a+3,2):t},closeImagePreview:function(){this.showImagePreview=!1},previewPageImage:function(){var e=this,t=[],i=this.$refs.pageContent.querySelectorAll("img");i.forEach((function(i,a){t.push(i.src),i.onclick=function(){e.previewInitialIndex=a,e.showImagePreviewList=t,e.showImagePreview=!0,setTimeout((function(){return e.initImageViewerMask()}),0)}}))},initImageViewerMask:function(){var e=this,t=this.$refs.imagePreview.querySelectorAll(".el-image-viewer__mask");t.forEach((function(t){t.onclick=function(){return e.showImagePreview=!1}}))}}}),c=l,u=(i("36c7"),i("2877")),w=Object(u["a"])(c,a,n,!1,null,null,null);t["default"]=w.exports}}]);

zyplayer-doc-wiki/src/main/resources/js/chunk-72e49b1a.8c643601.js

@@ -0,0 +1 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-72e49b1a"],{"36c7":function(e,t,a){"use strict";var i=a("867a"),n=a.n(i);n.a},"867a":function(e,t,a){},"8b30":function(e,t,a){"use strict";a.r(t);var i=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"page-share-view-vue"},[a("van-nav-bar",{staticClass:"header",attrs:{title:e.wikiPage.name}},[a("van-icon",{attrs:{slot:"left",name:"wap-nav",size:"20"},on:{click:e.popupShowChange},slot:"left"})],1),a("el-row",{staticClass:"main",attrs:{type:"border-card"}},[a("div",{staticStyle:{"max-width":"950px",margin:"0 auto"}},[a("div",{staticClass:"wiki-author"},[e.wikiPage.updateTime?a("span",[e._v("最后修改："+e._s(e.wikiPage.updateTime))]):a("span",[e._v("创建时间："+e._s(e.wikiPage.createTime))])]),a("div",{staticClass:"wiki-files"},[a("el-table",{directives:[{name:"show",rawName:"v-show",value:e.pageFileList.length>0,expression:"pageFileList.length > 0"}],staticStyle:{width:"100%","margin-bottom":"5px"},attrs:{data:e.pageFileList,border:""}},[a("el-table-column",{attrs:{label:"文件名"},scopedSlots:e._u([{key:"default",fn:function(t){return[a("a",{attrs:{target:"_blank",href:t.row.fileUrl}},[e._v(e._s(t.row.fileName))])]}}])}),a("el-table-column",{attrs:{label:"文件大小"},scopedSlots:e._u([{key:"default",fn:function(t){return[e._v(e._s(e.computeFileSize(t.row.fileSize)))]}}])}),a("el-table-column",{attrs:{prop:"createTime",label:"创建时间",width:"180px"}}),a("el-table-column",{attrs:{prop:"downloadNum",label:"下载次数",width:"80px"}})],1)],1),a("div",{ref:"pageContent",staticClass:"wiki-page-content"},[2==e.wikiPage.editorType?a("div",{staticClass:"markdown-body",domProps:{innerHTML:e._s(e.pageShowDetail)}}):a("div",{staticClass:"wang-editor-body",domProps:{innerHTML:e._s(e.pageShowDetail)}})])])])],1)},n=[],s=(a("4160"),a("c975"),a("b0c0"),a("b680"),a("159b"),a("0a79")),o=a("b2d8"),r=a("08a9"),l=a("28a2"),c=(a("c350"),a("64e1"),{data:function(){return{spaceUuid:"",nowPageId:"",wikiPage:{},pageFileList:[],pageShowDetail:"",previewInitialIndex:0,showImagePreviewList:[]}},components:{"el-image-viewer":r["a"]},beforeRouteUpdate:function(e,t,a){this.initQueryParam(e),a()},mounted:function(){this.initQueryParam(this.$route)},methods:{popupShowChange:function(){this.$emit("popupShow",!0)},loadPageDetail:function(e){var t=this,a={pageId:e,space:this.spaceUuid};s["a"].openPageDetail(a).then((function(e){var a=e.data.wikiPage||{};a.selfZan=e.data.selfZan||0,t.wikiPage=a;var i=e.data.pageContent||{};t.pageFileList=e.data.fileList||[],2===t.wikiPage.editorType&&(i.content=o["markdownIt"].render(i.content)),t.pageShowDetail=i.content,document.title=a.name||"WIKI-内容展示",setTimeout((function(){return t.previewPageImage()}),500)}))},initQueryParam:function(e){this.spaceUuid=e.query.space,this.nowPageId=e.query.pageId,this.nowPageId&&this.loadPageDetail(this.nowPageId)},computeFileSize:function(e){if(!e)return"-";var t="";t=e<102.4?e.toFixed(2)+"B":e<104857.6?(e/1024).toFixed(2)+"KB":e<107374182.4?(e/1048576).toFixed(2)+"MB":(e/1073741824).toFixed(2)+"GB";var a=t+"",i=a.indexOf("."),n=a.substr(i+1,2);return"00"==n?a.substring(0,i)+a.substr(i+3,2):t},previewPageImage:function(){var e=this,t=[],a=this.$refs.pageContent.querySelectorAll("img");a.forEach((function(a,i){t.push(a.src),a.onclick=function(){e.previewInitialIndex=i,e.showImagePreviewList=t,Object(l["a"])({images:t,startPosition:i})}}))}}}),u=c,p=(a("36c7"),a("2877")),d=Object(p["a"])(u,i,n,!1,null,null,null);t["default"]=d.exports}}]);