Odoo修改界面的样式

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

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

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

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

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

Odoo修改界面的样式_第1张图片

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

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

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


    
        
    

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

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

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

Odoo修改界面的样式_第2张图片

Odoo修改界面的样式_第3张图片

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

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

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

技术交流 商务合作请添加

QQ:543127346 (穆尘)

微信: _ro_cd

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

你可能感兴趣的:(odoo,前端,python)