宽度改变时改变导航栏宽度

This commit is contained in:
暮光:城中城
2021-12-02 23:39:33 +08:00
parent 22a73b445a
commit 52dce6338f
6 changed files with 18 additions and 7 deletions

View File

@@ -3,7 +3,7 @@
<modelVersion>4.0.0</modelVersion>
<artifactId>zyplayer-doc-manage</artifactId>
<packaging>jar</packaging>
<packaging>war</packaging>
<name>zyplayer-doc-manage</name>
<description>定位为所有文档的管理项目swagger文档、dubbo文档、数据库文档、、、、等</description>

View File

@@ -2,8 +2,8 @@
ENV = 'development'
# base api
# VUE_APP_BASE_API = 'http://local.zyplayer.com:8083/zyplayer-doc-manage'
VUE_APP_BASE_API = 'http://doc.zyplayer.com/zyplayer-doc-manage'
VUE_APP_BASE_API = 'http://local.zyplayer.com:8083/zyplayer-doc-manage'
# VUE_APP_BASE_API = 'http://doc.zyplayer.com/zyplayer-doc-manage'
VUE_CLI_BABEL_TRANSPILE_MODULES = true

View File

@@ -4,7 +4,7 @@
<el-col :span="actionTabVisible?18:24" style="padding: 20px;border-right: 1px solid #f1f1f1;height: 100%;overflow: auto;">
<el-row>
<el-col :xs="0" :sm="4" :md="4" :lg="6" :xl="6" v-if="navigationList.length > 0">
<Navigation :heading="navigationList"></Navigation>
<Navigation ref="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;margin: 0 auto;padding-left: 10px;">
@@ -398,16 +398,27 @@
closeActionTab() {
this.actionTabVisible = false;
this.clearHistory();
this.computeNavigationWidth();
},
showCommentWiki() {
this.actionTabVisible = true;
this.actionTabActiveName = 'comment';
this.scrollActionTabComment();
this.computeNavigationWidth();
},
showPageHistory() {
this.actionTabVisible = true;
this.actionTabActiveName = 'history';
this.clearHistory();
this.computeNavigationWidth();
},
computeNavigationWidth() {
setTimeout(() => {
console.log(this.$refs.navigation)
if (this.$refs.navigation) {
this.$refs.navigation.computeNavigationWidth();
}
}, 100);
},
getPageHistoryByScroll() {
if (this.pageHistoryPageNum <= 0) {

View File

@@ -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-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-578c28a7.83c6d32d.css rel=prefetch><link href=css/chunk-65ea754d.d02f27be.css rel=prefetch><link href=css/chunk-6853a088.50949d53.css rel=prefetch><link href=css/chunk-72e49b1a.8ccc36ca.css rel=prefetch><link href=css/chunk-7ecd39ac.bf68cbeb.css rel=prefetch><link href=css/chunk-d1fffbb4.3a83823c.css rel=prefetch><link href=css/chunk-dd791ad2.08702abb.css rel=prefetch><link href=js/chunk-2d207ece.e10076eb.js rel=prefetch><link href=js/chunk-32cc5643.93647ea4.js rel=prefetch><link href=js/chunk-34407190.acdd458d.js rel=prefetch><link href=js/chunk-49c0ba36.5941cad9.js rel=prefetch><link href=js/chunk-4cdf76bb.e2eee9d0.js rel=prefetch><link href=js/chunk-53af6df9.fed2ef07.js rel=prefetch><link href=js/chunk-578c28a7.d172d229.js rel=prefetch><link href=js/chunk-65ea754d.d3400891.js rel=prefetch><link href=js/chunk-6853a088.1eb66613.js rel=prefetch><link href=js/chunk-72e49b1a.e821cfe4.js rel=prefetch><link href=js/chunk-7ecd39ac.e449af2c.js rel=prefetch><link href=js/chunk-d1fffbb4.99468681.js rel=prefetch><link href=js/chunk-dd791ad2.243c8db2.js rel=prefetch><link href=css/chunk-vendors.3aff4100.css rel=preload as=style><link href=css/index.d85761f2.css rel=preload as=style><link href=js/chunk-vendors.2dfa4edd.js rel=preload as=script><link href=js/index.1210d458.js rel=preload as=script><link href=css/chunk-vendors.3aff4100.css rel=stylesheet><link href=css/index.d85761f2.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.2dfa4edd.js></script><script src=js/index.1210d458.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-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-578c28a7.83c6d32d.css rel=prefetch><link href=css/chunk-65ea754d.d02f27be.css rel=prefetch><link href=css/chunk-6853a088.50949d53.css rel=prefetch><link href=css/chunk-72e49b1a.8ccc36ca.css rel=prefetch><link href=css/chunk-7ecd39ac.bf68cbeb.css rel=prefetch><link href=css/chunk-d1fffbb4.3a83823c.css rel=prefetch><link href=css/chunk-dd791ad2.08702abb.css rel=prefetch><link href=js/chunk-2d207ece.e10076eb.js rel=prefetch><link href=js/chunk-32cc5643.93647ea4.js rel=prefetch><link href=js/chunk-34407190.acdd458d.js rel=prefetch><link href=js/chunk-49c0ba36.5941cad9.js rel=prefetch><link href=js/chunk-4cdf76bb.e2eee9d0.js rel=prefetch><link href=js/chunk-53af6df9.fed2ef07.js rel=prefetch><link href=js/chunk-578c28a7.d172d229.js rel=prefetch><link href=js/chunk-65ea754d.d3400891.js rel=prefetch><link href=js/chunk-6853a088.1eb66613.js rel=prefetch><link href=js/chunk-72e49b1a.e821cfe4.js rel=prefetch><link href=js/chunk-7ecd39ac.e449af2c.js rel=prefetch><link href=js/chunk-d1fffbb4.fd3c59b1.js rel=prefetch><link href=js/chunk-dd791ad2.243c8db2.js rel=prefetch><link href=css/chunk-vendors.3aff4100.css rel=preload as=style><link href=css/index.d85761f2.css rel=preload as=style><link href=js/chunk-vendors.2dfa4edd.js rel=preload as=script><link href=js/index.d5ec91c8.js rel=preload as=script><link href=css/chunk-vendors.3aff4100.css rel=stylesheet><link href=css/index.d85761f2.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.2dfa4edd.js></script><script src=js/index.d5ec91c8.js></script></body></html>