页面树结构
转至元数据结尾
转至元数据起始

(本文档仅供参考)

问题

有时需要替换的logo是带渐变色的,希望我们系统界面左上角logo背景也可以修改为渐变色

解决方案

1.对左上角logo背景调整,可以通过在界面设置处添加代码进行样式修改。

注:不同版本设置入口及代码设置也不同

v10版本代码设置:系统运维-界面设置-自定义样式

.skin-custom .logo {
background: url("http://localhost:18080/smartbi/vision/img/baseframe/logo-mini.png"),linear-gradient(to right, rgba(255,0,0,1), rgba(63,153,231,0))!important;
} /*logo 线性渐变背景*/

含义解读:

  1. url("http://localhost:18080/smartbi/vision/img/baseframe/logo-mini.png"):这是background属性的一部分,指定了背景图像的URL。在这个例子中,图像的URL为"http://localhost:18080/smartbi/vision/img/baseframe/logo-mini.png",即本地主机上的一个文件。

  2. linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1)):这是background属性的另一部分,用于创建一个线性渐变背景。在这个例子中,渐变从左到右,颜色由完全不透明的红色(rgba(255,0,0,1))过渡到完全透明的蓝色(rgba(63,153,231,0))。

  3. !important:这是一个CSS规则,用于将指定的样式声明标记为重要优先级,以确保它覆盖其他相同属性的样式声明。



  • 无标签