调整移动端将bar放在下方

This commit is contained in:
ivan deng
2023-05-25 18:49:24 +08:00
parent 199025663a
commit 3b34c2e3f9
9 changed files with 129 additions and 35 deletions

View File

@@ -0,0 +1,27 @@
/** @odoo-module **/
import { WebClient } from "@web/webclient/webclient";
import { patch } from "@web/core/utils/patch";
import { session } from "@web/session";
patch(WebClient.prototype, "app_odoo_customize.WebClient", {
setup() {
// 处理 navbar 全局可配置位置
var self = this;
self._super.apply(this, arguments);
this.state.navbar_pos_pc = session.app_navbar_pos_pc || 'top';
this.state.navbar_pos_mobile = session.app_navbar_pos_mobile || 'top';
if (self.env.isSmall)
this.state.navbar_pos = this.state.navbar_pos_mobile;
else
this.state.navbar_pos = this.state.navbar_pos_pc;
if (this.state.navbar_pos === 'bottom') {
document.body.className += ' navbar_pos_bottom';
}
const app_system_name = session.app_system_name || 'odooAi';
// zopenerp is easy to grep
this.title.setParts({ zopenerp: app_system_name });
}
});

View File

@@ -0,0 +1,20 @@
<?xml version="1.0" encoding="UTF-8"?>
<templates xml:space="preserve">
<!-- 移动端nav在下方可配置处理-->
<t t-name="app_web_enterprise.WebClient" t-inherit="web.WebClient" t-inherit-mode="extension">
<xpath expr="//t/t" position="attributes">
<attribute name="t-if">
!state.fullscreen and state.navbar_pos!='bottom'
</attribute>
</xpath>
<xpath expr="//MainComponentsContainer" position="after">
<t t-if="!state.fullscreen and state.navbar_pos=='bottom'">
<NavBar/>
</t>
<!-- <div class="row" style="height:200px">-->
<!-- 增加Debug pad-->
<!-- </div>-->
</xpath>
</t>
</templates>