odoo15引入和使用css

3cock / 2023-08-02 / 原文

1、增加一个css文件base.css,如下图:

.bxbase{
    color: red;
}

2、在__manifest__中添加引用

    'assets': {
        'web.assets_backend': [
            'testaddons/static/src/css/base.css',
        ],
        'web.assets_qweb': [
        ],
    },

3、在视图中使用,如下图:

4、显示效果,如下图:

5、这种方式定义的css回覆盖原来css的相同属性,比如base.css修改如下:

.bxbase{
    color: red;
    width: 500px;
    margin: auto;
}

则显示效果如下(整体挤在一起):