Odoo修改界面的样式

序言:时间是我们最宝贵的财富,珍惜手上的每个时分

odoo作为一款开源ERP,框架不可谓不好,但是许多前端细节依旧不尽人意,例如 tree视图列表中 数字类型的字段不居中如下图

在Excel深入人心的今天,这个不对齐让人无法忍受，那么就让我们通过修改css样式来搞定他把.

一:首先通过浏览器的调试模式我们知道了 数字类型字段的css类名为  o_list_number

二:新建模块后 创建 static/src/css/styles.css文件

三:style.css内容十分简单,设置该类居中

.o_list_number {
    text-align: center !important;
}

四:在views文件夹下任意创建一个xml，如style.xml

<odoo>
    <data>
        <template id="随意" inherit_id="web.assets_backend">
            <xpath expr="." position="inside">
                <link rel="stylesheet" href="/你的模块名称/static/src/css/styles.css"/>
            </xpath>
        </template>
    </data>
</odoo>

五:在manifest文件中中引入此xml，最后安装模块

    'depends': ['base'],
    'data': [
        'views/style.xml',
    ],

六:最终效果(当然我还添加额外修改了一个属性,使界面出现了边框,这个具备基础css知识,可以自由实现)

上传了一个小模块到github，供大家参考，需要使用的话请自行修改

https://github.com/srekal/mc_css.git

承接odoo二次开发.部署实施.

技术交流 商务合作请添加

QQ:543127346 (穆尘)

微信: _ro_cd

访问我们的官网了解更多产品:https://www.ro-cd.com