manager/zyplayer-doc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

wiki编辑展示优化

Browse Source
This commit is contained in:
暮光：城中城
2019-07-15 23:08:06 +08:00
parent f03c8a03ac
commit cfb954854f
9 changed files with 68 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
zyplayer-doc-ui/wiki-ui/src/views/home/Home.vue
View File

@@ -1,5 +1,5 @@
<template>
<div style="padding: 10px;">
<div style="padding: 10px;" class="home-vue">
<div style="max-width: 800px;margin: 0 auto;">
<el-select v-model="searchParam.newsType" v-on:change="getSpacePageNews" placeholder="请选择查看方式" style="float: right;z-index: 1;">
<el-option :label="val" :value="index+1" v-for="(val, index) in newsTypes"></el-option>
@@ -101,21 +101,21 @@
}
</script>
<style>
.empty-news{text-align: center;padding: 100px;}
.home-vue .empty-news{text-align: center;padding: 100px;}
.text-link {
.home-vue .text-link {
color: #444;
/*cursor: pointer;*/
/*font-weight: bold;*/
}
.line-box{color: #666;border-bottom: 1px solid #eee;padding: 20px 0;}
.line-title{font-size: 14px;}
.page-preview-box{}
.page-preview-title{cursor: pointer;font-size: 20px;margin: 10px 0 5px 0;color: #3a8ee6;}
.page-preview-content{font-size: 16px;margin-bottom: 5px;}
.zan-img{vertical-align: middle;margin-top: -3px;}
.view-img{font-size: 16px;color: #666;}
.home-vue .line-box{color: #666;border-bottom: 1px solid #eee;padding: 20px 0;}
.home-vue .line-title{font-size: 14px;}
.home-vue .page-preview-box{}
.home-vue .page-preview-title{cursor: pointer;font-size: 20px;margin: 10px 0 5px 0;color: #3a8ee6;}
.home-vue .page-preview-content{font-size: 16px;margin-bottom: 5px;}
.home-vue .zan-img{vertical-align: middle;margin-top: -3px;}
.home-vue .view-img{font-size: 16px;color: #666;}
.page-info-box{text-align: right;margin: 20px 0 50px 0;}
.home-vue .page-info-box{text-align: right;margin: 20px 0 50px 0;}
</style>

33
zyplayer-doc-ui/wiki-ui/src/views/page/Edit.vue
View File

@@ -1,5 +1,5 @@
<template>
<div style="padding: 10px;">
<div style="padding: 10px;" class="page-edit-vue">
<el-row type="border-card">
<div style="margin-bottom: 10px;padding: 10px;" v-if="wikiPage.id > 0">
编辑：{{parentPath.path}}
@@ -12,7 +12,8 @@
</div>
<el-input v-model="newPageTitle" placeholder="请输入标题"></el-input>
<div id="newPageContentDiv" style="margin: 10px 0;"></div>
<el-button type="primary" v-on:click="createWikiSave">保存</el-button>
<el-button type="primary" v-on:click="createWikiSave(1)">保存并查看</el-button>
<el-button type="success" v-on:click="createWikiSave(0)">仅保存</el-button>
<el-button v-on:click="createWikiCancel">取消</el-button>
</el-row>
</div>
@@ -77,7 +78,7 @@
app.$router.back();
});
},
createWikiSave() {
createWikiSave(saveAfter) {
// 修改内容时强制不能修改父路径，只能在目录上拖动修改
var parentId = (this.wikiPage.id > 0) ? '' : app.parentPath.parentId;
if (this.common.isEmpty(app.newPageTitle)) {
@@ -98,7 +99,11 @@
// 重新加载左侧列表，跳转到展示页面
global.vue.$app.doGetPageList(null);
app.parentPath.pageId = json.data.id;
app.$router.push({path: '/page/show', query: app.parentPath});
if (saveAfter == 1) {
app.$router.push({path: '/page/show', query: app.parentPath});
} else {
app.loadPageDetail(app.parentPath.pageId);
}
});
},
loadPageDetail(pageId) {
@@ -159,19 +164,19 @@
</script>
<style>
.icon-collapse{float: left;font-size: 25px;color: #aaa;margin-top: 8px;cursor: pointer;}
.icon-collapse:hover{color: #eee;}
.wiki-title{font-size: 20px;}
.wiki-author{font-size: 14px;color: #888;padding: 20px 0;height: 40px;line-height: 40px;}
.wiki-content{font-size: 14px;}
.wiki-content.w-e-text{overflow-y: auto;}
.page-edit-vue .icon-collapse{float: left;font-size: 25px;color: #aaa;margin-top: 8px;cursor: pointer;}
.page-edit-vue .icon-collapse:hover{color: #eee;}
.page-edit-vue .wiki-title{font-size: 20px;}
.page-edit-vue .wiki-author{font-size: 14px;color: #888;padding: 20px 0;height: 40px;line-height: 40px;}
.page-edit-vue .wiki-content{font-size: 14px;}
.page-edit-vue .wiki-content.w-e-text{overflow-y: auto;}
.upload-page-file .el-upload-list{display: none;}
.is-link{color: #1e88e5;cursor: pointer;}
.page-edit-vue .upload-page-file .el-upload-list{display: none;}
.page-edit-vue .is-link{color: #1e88e5;cursor: pointer;}
/*编辑框高度*/
#newPageContentDiv .w-e-text-container{height: 600px !important;}
.page-edit-vue #newPageContentDiv .w-e-text-container{height: 600px !important;}
/*评论*/
.comment-box .head{
.page-edit-vue .comment-box .head{
float: left;background-color: #ccc;border-radius: 50%;margin-right: 10px;
width: 45px; height: 45px; line-height: 45px;text-align: center;color: #fff;
}

22
zyplayer-doc-ui/wiki-ui/src/views/page/Search.vue
View File

@@ -1,5 +1,5 @@
<template>
<div style="background: #f1f1f1;min-height: 100%;">
<div style="background: #f1f1f1;min-height: 100%;" class="page-search-vue">
<div style="max-width: 1200px;margin: 0 auto;background: #fff;padding: 20px;min-height: 100%;box-sizing: border-box;">
<div style="margin-bottom: 20px;">
<el-row :gutter="20" style="max-width: 700px; margin: 0 auto;">
@@ -102,21 +102,21 @@
}
</script>
<style>
.empty-news{text-align: center;padding: 100px;}
.page-search-vue .empty-news{text-align: center;padding: 100px;}
.text-link {
.page-search-vue .text-link {
color: #444;
/*cursor: pointer;*/
/*font-weight: bold;*/
}
.line-box{color: #666;border-bottom: 1px solid #eee;padding: 20px 0;}
.line-title{font-size: 14px;}
.page-preview-box{}
.page-preview-title{font-size: 18px;margin: 10px 0 5px 0;color: #3a8ee6;cursor: pointer;}
.page-preview-content{font-size: 16px;margin-bottom: 5px;}
.zan-img{vertical-align: middle;margin-top: -3px;}
.view-img{font-size: 16px;color: #666;}
.page-search-vue .line-box{color: #666;border-bottom: 1px solid #eee;padding: 20px 0;}
.page-search-vue .line-title{font-size: 14px;}
.page-search-vue .page-preview-box{}
.page-search-vue .page-preview-title{font-size: 18px;margin: 10px 0 5px 0;color: #3a8ee6;cursor: pointer;}
.page-search-vue .page-preview-content{font-size: 16px;margin-bottom: 5px;}
.page-search-vue .zan-img{vertical-align: middle;margin-top: -3px;}
.page-search-vue .view-img{font-size: 16px;color: #666;}
.page-info-box{text-align: right;margin: 20px 0 50px 0;}
.page-search-vue .page-info-box{text-align: right;margin: 20px 0 50px 0;}
</style>

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

@@ -1,5 +1,5 @@
<template>
<div style="padding: 10px;">
<div style="padding: 10px;" class="page-show-vue">
<el-row type="border-card">
<div class="wiki-title">
{{wikiPage.name}}
@@ -387,19 +387,21 @@
</script>
<style>
.icon-collapse{float: left;font-size: 25px;color: #aaa;margin-top: 8px;cursor: pointer;}
.icon-collapse:hover{color: #eee;}
.wiki-title{font-size: 20px;}
.wiki-author{font-size: 14px;color: #888;padding: 20px 0;height: 40px;line-height: 40px;}
.wiki-content{font-size: 14px;}
.wiki-content.w-e-text{overflow-y: auto;}
.page-show-vue .icon-collapse{float: left;font-size: 25px;color: #aaa;margin-top: 8px;cursor: pointer;}
.page-show-vue .icon-collapse:hover{color: #eee;}
.page-show-vue .wiki-title{font-size: 20px;}
.page-show-vue .wiki-author{font-size: 14px;color: #888;padding: 20px 0;height: 40px;line-height: 40px;}
.page-show-vue .wiki-content{font-size: 14px;}
.page-show-vue .wiki-content.w-e-text{overflow-y: auto;}
.page-show-vue .wiki-content.w-e-text img{cursor: auto;}
.page-show-vue .wiki-content.w-e-text img:hover{box-shadow: unset;}
.upload-page-file .el-upload-list{display: none;}
.is-link{color: #1e88e5;cursor: pointer;}
.page-show-vue .upload-page-file .el-upload-list{display: none;}
.page-show-vue .is-link{color: #1e88e5;cursor: pointer;}
/*编辑框高度*/
#newPageContentDiv .w-e-text-container{height: 600px !important;}
.page-show-vue #newPageContentDiv .w-e-text-container{height: 600px !important;}
/*评论*/
.comment-box .head{
.page-show-vue .comment-box .head{
float: left;background-color: #ccc;border-radius: 50%;margin-right: 10px;
width: 45px; height: 45px; line-height: 45px;text-align: center;color: #fff;
}

10
zyplayer-doc-ui/wiki-ui/src/views/user/Login.vue
View File

@@ -1,5 +1,5 @@
<template>
<div style="padding-top: 50px;" @keyup.enter="loginSubmit">
<div style="padding-top: 50px;" @keyup.enter="loginSubmit" class="user-login-vue">
<el-form :model="loginParam" :rules="loginRules" ref="loginParam" label-position="left" label-width="0px"
class="demo-ruleForm login-container">
<h3 class="title">系统登录</h3>
@@ -61,7 +61,7 @@
</script>
<style>
.login-container {
.user-login-vue .login-container {
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
@@ -73,14 +73,12 @@
border: 1px solid #eaeaea;
box-shadow: 0 0 25px #cac6c6;
}
.title {
.user-login-vue .title {
margin: 0px auto 40px auto;
text-align: center;
color: #505458;
}
.remember {
.user-login-vue .remember {
margin: 0px 0px 35px 0px;
}

6
zyplayer-doc-ui/wiki-ui/src/views/user/MyInfo.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="my-info-vue">
<div class="user-my-info-vue">
<el-breadcrumb separator-class="el-icon-arrow-right" style="padding: 20px 10px;">
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
<el-breadcrumb-item>我的信息</el-breadcrumb-item>
@@ -43,7 +43,7 @@
</script>
<style>
.my-info-vue{}
.my-info-vue .box-card{margin: 10px;}
.user-my-info-vue{}
.user-my-info-vue .box-card{margin: 10px;}
</style>