若依表头背景颜色和文字颜色设置以及 li 标签前小圆点颜色设置

在若依(ruoyi)中，可以设置skin和theme。

【代码】若依(ruoyi)前端Vue3 Element Plus Vite版样式修改。

在main.js中我们也可以引入其他自定义的css或scss文件。

1.在表头添加方法:cell-style="cellStyle"4.效果不是很理想，改进，input输入框变成透明。2.在methods实现方法。1）设置class属性。

HTML/CSS 1.HTML的基本标签 p标签 ​ -作用：告诉浏览器哪些文字是一个段落 ​ -注意点：在浏览器中会单独占一行 img标签 ​ -属性： ​ -title：鼠标悬停图片显示的内容 ​ -alt：当图片找不到时显示什么内容 ​ -注意点：img标签不会独占一行 <img src="image/baidu.png" alt="对不起，没有此图片" title="百度"> a标签 ​ -作用：用于控制页面与页面之间的跳转 ​ -属性： ​ -tar

01.页面字段编写1.02.图片标签img image 属性： src: 图片路径 width： 图片显示的宽度 height： 图片显示的高度 通常只用 width 或者只用 height，图片会等比例缩放。如果两个属性都用了，图片可能会变形 title：鼠标悬浮提示 alt：当图片加载不出来的时候，显示的文字提示信息<img src="../img/mm

【Vue项目搭建】修改【若依框架】的侧边栏、导航栏、面包屑样式、修改全局页面样式

基本上这样设置就行了

若依后台管理框架遇到的字体图标使用问题

可以找到sidebar.css，在.main-container（主内容区域）中进行背景颜色设置即可。若依框架默认的背景颜色是白色。

ruoyi-vue table样式

ruoyi 修改主题颜色 找到样式文件：src/main/resources/static/css/skins.css 1. 修改顶部右侧导航栏背景颜色 .skin-yellow .navbar { background-color: #4EA3E4; } 2. 修改左上角 ruoyi logo背景颜色 .skin-yellow .logo { background-color: #4EA3E4; color: #fff; border-bottom: 0...

4、修改主题颜色 还可以用户自己更换，但这个更换只是存储在浏览器中，清除缓存之后还是会使用默认的主题色。2、修改的文件路径 ruoyi-web/src/store/modules/setting.js。3、默认主题颜色 '#409EFF'，改新的颜色值，刷新就好了。1、修改文件 setting.js。5、在布局设置中可以更换主题色。

在ruoyi-yi-src-layout-components-Navbar.vue找到。在ruoyi-yi-src-assets-styles-.navbar样式加入background: 背景颜色。

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 开发工具与关键技术：VS MVC 作者：袁志彤 撰写时间：2019-06-07 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ...

variables.scss包里面可以调背景颜色，文字颜色，图标颜色。ruoyi-ui包中src下的styles。点击图标之后变换的颜色。

【代码】uniapp uni组件自定义导航栏，修改颜色

我们的思路是把垂直的侧边栏二级标题换成水平的，查看element-ui的官网可知NavMenu 导航菜单。把vertical改成horizontal之后并把侧边栏组件放到顶部组件中发现它没有到上面去如下图。于是给sidebar的el-menu组件加一个flex让它浮动上去。侧边栏的空白区是多余的就把sidebar-width设置为0就好了。若依没有开启设置布局中的topnav的时候是这样的。最后顶部导航就出来，有同样需求的小伙伴可以试试，

一般以软件中会有导航条，系统会默认提供几种颜色，但仍然可以选择的比较少，可以通过自定义颜色来设置导航条的颜色，具体方法只要一句话就可以了： navigationController.navigationBar.tintColor = [UIColor colorWithRed:(21.0/255.0) green:(153.0 / 255.0) blue:(224.0 / 255.0) alph