当前位置:网站首页>[ruoyi] set theme style
[ruoyi] set theme style
2022-07-06 02:46:00 【sayyy】
Preface
- ruoyi 4.6.0
Ruoyi (ruoyi) The theme style of
In ruoyi (ruoyi) in , You can set skin and theme.
sys.index.skinName
: Main frame - Default skin style name , It can be taken as : Blue skin-blue、 green skin-green、 violet skin-purple、 Red skin-red、 yellow skin-yellowsys.index.sideTheme
: Main frame - Sidebar theme , It can be taken as : Dark theme theme-dark, Light color theme theme-light, Dark blue theme theme-blue
Default theme style
Default theme style , And skin-blue
Agreement .
Solve the problem of theme style flashing after setting theme style
stay templates/index.html Medium body Add class:
...
<body class="fixed-sidebar full-height-layout gray-bg" style="overflow: hidden" th:classappend="${@config.getKey('sys.index.skinName') + ' ' + @config.getKey('sys.index.sideTheme')}" >
...
another , find JavaScript
// Local theme first , System configuration is not set
if($.common.isNotEmpty(skin)){
$("body").addClass(skin.split('|')[0]);
$("body").addClass(skin.split('|')[1]);
} else {
$("body").addClass([[${
sideTheme}]]);
$("body").addClass([[${
skinName}]]);
}
It is amended as follows :
// Local theme first , System configuration is not set
if($.common.isNotEmpty(skin)){
$("body").removeClass([[${
sideTheme}]]);
$("body").removeClass([[${
skinName}]]);
$("body").addClass(skin.split('|')[0]);
$("body").addClass(skin.split('|')[1]);
}
Reference resources
http://doc.ruoyi.vip/ruoyi/document/qdsc.html# Parameters use
边栏推荐
- 微服务注册与发现
- How to read excel, PDF and JSON files in R language?
- Force buckle 146 LRU cache
- Template_ Quick sort_ Double pointer
- Taobao focus map layout practice
- Dachang image library
- Redis delete policy
- 【Kubernetes 系列】一文学会Kubernetes Service安全的暴露应用
- Is there a case where sqlcdc monitors multiple tables and then associates them to sink to another table? All operations in MySQL
- [postgraduate entrance examination English] prepare for 2023, learn list5 words
猜你喜欢
微服务注册与发现
[matlab] access of variables and files
Blue Bridge Cup group B provincial preliminaries first question 2013 (Gauss Diary)
[Yunju entrepreneurial foundation notes] Chapter II entrepreneur test 13
Network Security Learning - Web vulnerabilities (Part 1)
Sword finger offer 30 Stack containing min function
CobaltStrike-4.4-K8修改版安装使用教程
Apt installation ZABBIX
淘宝焦点图布局实战
[untitled] a query SQL execution process in the database
随机推荐
Dachang image library
故障分析 | MySQL 耗尽主机内存一例分析
Template_ Find the reverse pair of permutations_ Sort based on merge
ReferenceError: primordials is not defined错误解决
Zero basic self-study STM32 wildfire review of GPIO use absolute address to operate GPIO
Crawler (9) - scrape framework (1) | scrape asynchronous web crawler framework
Universal crud interface
CSP date calculation
[Yunju entrepreneurial foundation notes] Chapter II entrepreneur test 13
力扣今日题-729. 我的日程安排表 I
MySQL winter vacation self-study 2022 11 (8)
Pat 1046 shortest distance (20 points) simulation
[Yunju entrepreneurial foundation notes] Chapter II entrepreneur test 20
Zero foundation self-study STM32 - Review 2 - encapsulating GPIO registers with structures
[Yunju entrepreneurial foundation notes] Chapter II entrepreneur test 22
Reset nodejs of the system
Installation and use tutorial of cobaltstrike-4.4-k8 modified version
[Yunju entrepreneurial foundation notes] Chapter II entrepreneur test 16
[Yunju entrepreneurial foundation notes] Chapter II entrepreneur test 9
[Yunju entrepreneurial foundation notes] Chapter II entrepreneur test 8