全局修改样式(全局颜色更改)

1.创建分类样式文件

//菜单
export const GOVERNMENT = [//白色{mainBjColor: '#f2f2f2',mainTitColor: '#000', //菜单文字颜色fourLevBjColor: '#fff',//经过样式chooseColor: '#fff', //头部颜色topColor: '#000',  //头部文字颜色borderBottom:'#e5e5e5', //菜单栏下线
},
//黑色
{mainBjColor: '#304156',mainTitColor: '#d9dde2',fourLevBjColor: '#1890FF',chooseColor: '#304156',topColor: '#fff', borderBottom:'transparent', //菜单栏下线
}]

2.scss定义变量

//背景颜色(侧边)
$main-bj-color: var(--mainBjColor, #f2f2f2);
//背景颜色(top)
$choose-color: var(--chooseColor, #fff);
//top文字
$main-tit-color: var(--mainTitColor, #000);
//选中背景颜色
$four-level-bj-color: var(--fourLevBjColor, '');
//头部字体颜色
$top-color: var(--topColor, #000);
//菜单栏
$border-bottom: var(--borderBottom, #e5e5e5);

3.挂载vue.config.js

全局修改样式(全局颜色更改)相关推荐

css 通用全局,通用全局CSS样式
PC全局样式 *{padding:0;margin:0;} div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a{ ...
【Vue项目搭建】修改【若依框架】的侧边栏、导航栏、面包屑样式、修改全局页面样式
掌握分寸感,找目标一致的人协同你,有效地调配资源,就可以提高效率. 写在前面的话:博主最近想要搭建自己的前端若依项目,因此此系列博客会做一些记录.我的项目gitee地址: https://gitee. ...
太激动！Android修改全局字体样式，替换整个APP字体
最近一直在如何全局修改app字体上困惑着,今天终于有了突破.我将搜集的资料进行了整理,现在提供给大家. 前面为分析,建议直接翻到最后看[个人中心设置]. 参考链接: Android应用使用自定义字体 ...
vue全局修改字体样式(修改成苹方)
惯例:先看最终效果: 1.首先你要先下载你需要的字体(这里以苹方为例) 2.在你的项目 src 文件下创建一个文件夹里面有两个文件, 一个是你需要的字体的文件,一个是 css 样式文件 3.其中 c ...
vue全局修改设置滚动条样式
::-webkit-scrollbar{ /*滚动条整体样式*/width: 10px; /*高宽分别对应横竖滚动条的尺寸*/height: 1px; } ::-webkit-scrollbar-th ...
React UI 组件库 Chakra UI - 04全局组件样式配置
全局组件样式配置官方文档:Component Style 基础样式和修改器样式大多数组件的样式由基础样式和修改器样式组成,修改器样式根据某些特性或状态更改其大小或视觉样式. 基础样式:默认样式修 ...
bootstrap全局css样式
一.富文本编辑器富文本编辑器,RichTextEditor,简称RTE,是一种可内嵌于浏览器,所见即所得的文本编辑器.它提供类似于比如谷歌.火狐效果都非常不错, 在功能的丰富性来说,还是IE强些(但 ...
计算机excel在三维饼图改字,从图形样式、文字数据到颜色更改，教你如何用Excel制作饼形图...
在Excel中用饼形图来展示一些数据看起来会更加直观,为了让没制作过饼形图的Excel用户了解如何制作饼形图,学习啦小编为大家整理的Excel产品使用方法,一起来看看吧! 添加饼形图 ●先在Excel ...
BCG 全局主题样式
4.3 全局主题样式使用全局主题样式,可以保持程序界面的一致性. InitInstance()中启用一种主题,例如: SetVisualTheme(BCGP_VISUAL_THEME_VS_2013 ...

全局修改样式(全局颜色更改)

全局修改样式(全局颜色更改)相关推荐

最新文章

热门文章