首页 > 其他分享 >odoo15引入和使用css

odoo15引入和使用css

时间:2023-08-02 18:11:38浏览次数:36  
标签:__ assets color odoo15 如下 base 引入 css

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;
}

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

标签:__,assets,color,odoo15,如下,base,引入,css
From: https://www.cnblogs.com/3cock/p/17601386.html

相关文章

  • css超出隐藏、显示省略号
     超出一行隐藏:overflow:hidden;//超出的文本隐藏text-overflow:ellipsis;//溢出用省略号显示white-space:nowrap;//溢出不换行 __________________________________________________________________________________________________________________________......
  • vue 通过css 给html元素增加前缀红色星号
    <el-form-item>前面增加红色星号要为<el-form-item>的label增加红色星号,你可以使用CSS中的伪元素::after或::before来实现。下面是如何在样式中添加红色星号的示例:<el-form-itemclass="red-label"label="物流商信息"></el-form-item><stylescopedlang="scss"......
  • css 中强制换行后,伪类元素变形,用到的flex-shrink 属性
    之前都没用过这个属性,最近做项目遇到一个不同屏幕下可能会换行的问题,设置了强制不换行,但是伪类元素就没挤没了,请教了同事,用到了flex-shrink属性然后我就去看了看这个属性的用法,简单记录一下flex-shrink属性指定了flex元素的收缩规则。flex元素仅在默认宽度之和大于容器的时......
  • css伪类选择器大全
    伪类选择器css伪类选择器大全:https://developer.mozilla.org/zh-CN/docs/Web/CSS/Pseudo-classes伪类含义:link选中未访问过的超链接:visited选中已访问过的超链接:hover选中鼠标移入的元素:active选中鼠标按下的元素:focus选中聚焦的表单元素:......
  • vue3路由的两种引入方式useRouter和router进行页面跳转
    1.在vue3中有两种路由的引入方式第一种import{useRouter}from'vue-router'constuse_router=useRouter()use_router.push('/pathName')第二种importrouterfrom'@/router'router.push('/pathName') 2.两种方式的区别2.1.第一种方式的使用位置在vue......
  • Typhon64引入单元找不到解决方法
    问题:打开一个工程,原来肯定是可以正常编译的,忽然发现,好几个单元无法找到了,下面是其中一个单元找不到的现象截图:解决方法:打开工程查看器,在“需要的软件包”上面鼠标右键,选择上面提升的包,添加后重新编译即可 ......
  • CSS中 no-repeat作用
    针对背景图。当你设置了no-repeat,背景图将不会被重复,不会出现平铺或重复的现象。还可以修改图片的位置,例如:{backgroud:top,center,no-repeat;}背景图位于上部的居中位置。如:.sortedDESC{      background:url(/img/icon-table-sort-desc.png)no-repeat80%11p......
  • css transform 作用
    用于元素的2D或3D转换。这个属性允许你将元素旋转【rotate】,缩放【scale】,移动【translate】,倾斜【skew】等如:旋转transform兼容浏览器需要添加前缀{ transform:translate(10,10)//W3c标准 -webkit-transform:translate(10,10)//SafariChrome -moz-transform:translate(10,......
  • 引入外部jar无法打包到项目里
    <plugin><groupId>org.apache.maven.plugins</groupId><artifactId>maven-war-plugin</artifactId><configuration><webResources><resource><!--打包时将lib里面的包打到指定......
  • css的inline-block布局方式对齐问题 —— 转载自 article/2023/7/31 16:26:21
    css的inline-block布局方式对齐问题今天在实现百度前端技术学院的如下案例时遇到了div上下对齐问题。针对如下左右两栏布局,本来使用将两栏各自div的display设置为inline-block方式来实现,为了左边高度与右边对齐,直接量出右边div按照像素高度赋给左边。但是左边元素竟然出现在了......