vue -若依管理后台默认样式修改(侧边栏/主题色/网页logo等)

这篇具有很好参考价值的文章主要介绍了vue -若依管理后台默认样式修改(侧边栏/主题色/网页logo等)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1.页面默认主题色修改:

修改页面: src\assets\styles\element-variables.scss

$--color-primary: #F4BB28;
/* 改变 icon 字体路径变量,必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';
@import "~element-ui/packages/theme-chalk/src/index";

修改后样式: 

vue -若依管理后台默认样式修改(侧边栏/主题色/网页logo等),ruoyi,VUE,vue.js,javascript,前端

 

2.TagsView修改:

修改页面:src\layout\components\TagsView\index.vue

找到  .tags-view-container => .tags-view-wrapper => .tags-view-item => &.active 

这里:

vue -若依管理后台默认样式修改(侧边栏/主题色/网页logo等),ruoyi,VUE,vue.js,javascript,前端

background: #F4BB28 !important;
border-color: #F4BB28 !important;

修改后样式:

vue -若依管理后台默认样式修改(侧边栏/主题色/网页logo等),ruoyi,VUE,vue.js,javascript,前端 

3.其他样式修改:

【Vue项目搭建】修改【若依框架】的侧边栏、导航栏、面包屑样式、修改全局页面样式_若依框架样式修改_小白Rachel的博客-CSDN博客【Vue项目搭建】修改【若依框架】的侧边栏、导航栏、面包屑样式、修改全局页面样式https://blog.csdn.net/Sabrina_cc/article/details/125871591?spm=1001.2014.3001.5506文章来源地址https://www.toymoban.com/news/detail-522750.html

到了这里,关于vue -若依管理后台默认样式修改(侧边栏/主题色/网页logo等)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 若依ruoyi——手把手教你制作自己的管理系统【二、修改样式】

    阿里图标一( ̄︶ ̄*)) 图片白嫖一((* ̄3 ̄)╭ ********* 专栏略长 ==== 爆肝万字 ==== 细节狂魔 ==== 请准备好一键三连 ********* 运行成功后: idea后台正常先挂着 我习惯用VScode操作 当然如果有两台机子 一个挂后台一个改前端就更好了 只需修改 vue.config.js 配置文件即可 eg:按 Win+R 打

    2024年02月03日
    浏览(38)
  • 若依(ruoyi)前端Vue3 Element Plus Vite版样式修改

    位置: src/layout/components/Navbar.vue 类名: .navbar 这里主要是修改导航栏的背景色,在修改颜色值时,你可以使用其他十六进制颜色代码,也可以尝试使用RGB、RGBA或HSL等其他表示颜色的方式。这取决于你的设计需求和个人喜好。 这段主要是修改右侧的图标,隐藏、全屏等方法:

    2024年02月03日
    浏览(34)
  • Vue3后台管理系统Element-plus_侧边栏制作_无限递归

    在home.view中添加代码  2 创建一个全局组件  效果如图

    2024年02月09日
    浏览(31)
  • vue3-实战-12-管理后台-权限管理之菜单管理模块-首页-主题颜色-暗黑模式

    目录 1-列表页面功能开发 1.1-需求原型分析 1.2-接口和数据类型定义 1.3-获取服务端数据渲染页面 2-新增编辑菜单 2.1-原型需求分析 2.2-表单数据收集和页面结构开发 2.3-提交或者取消 3-删除菜单 4-首页开发 5-暗黑模式的切换和主题颜色 5.1-暗黑模式 5.2-主题颜色切换       我们

    2024年02月10日
    浏览(42)
  • 开源项目学习:若依RuoYi-Vue后台管理系统【环境搭建】

    第一章 环境搭建 第二章 项目运行 第三章 阅读源码:例子-新增用户接口 第四章 基于ruoyi-vue开发新项目 本文尽量贴近零基础入门,献给初入门的学弟学妹们! 文章基本流程:环境配置→运行项目→阅读源码 安装环境时最好修改安装路径! Java开发必备! JDK下载:http://www

    2023年04月19日
    浏览(47)
  • vue后台管理修改密码

    判断旧密码输入的是否正确是后端判断返回的,前端处理,输入的两次密码是否一直即可,使用自定义表单校验

    2024年02月02日
    浏览(31)
  • dedecms系统后台如何修改(切换)主题风格

    切换主题风格步骤: 1:后台--系统--系统基本参数--风格名称:yii666(自己的风格名称) 2:后台--生成--更新主页--选择主页模板:yii666(自己的风格名称)/index.htm 3:网站文件夹templets下新建风格名称目录,把模板风格文件放进去即可。 到此这篇关于dedecms系统后台如何修改(切换

    2024年02月03日
    浏览(26)
  • 若依前端Vue3模板——自定义主题+炫彩主题

    实现结果 实现步骤 默认主题的设置 文件位置: src/settings.js 布局设置 图标文件 文件位置: src/assets/images/blue.svg 复制同级的 light.svg 修改名称即可,将两个颜色替换为:#409eff 布局组件 文件位置: src/layout/components/Settings/index.vue template模板中添加控件如下 新增一个主题风格选

    2024年02月14日
    浏览(34)
  • Naive UI修改默认样式

    因为大创的缘故,需要做出一个网站,在搭建网站的过程中需要使用Naive UI框架,在设置样式的时候一直无法修改默认样式。小白不知道应该如何使用样式穿透,同时和Naive UI相关的博客比较少,导致只能自己一步步摸索,所幸,找到了最后的解决办法。(注意,这个解法可能

    2024年02月04日
    浏览(77)
  • 修改第三方组件默认样式

    修改el-input的样式: 查看DOM结构: 原本使用 /deep/ 但是可能不兼容 使用 :deep 将 input 框背景色改为蓝色

    2024年02月13日
    浏览(37)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包