From 871d4095b07cedacb7fbef4c38d64982f539c404 Mon Sep 17 00:00:00 2001 From: fei.wang <wf18701153496@163.com> Date: 星期四, 09 五月 2024 15:40:15 +0800 Subject: [PATCH] 测试提交 --- src/webapp/js/lay-module/layuimini/miniTheme.js | 474 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 474 insertions(+), 0 deletions(-) diff --git a/src/webapp/js/lay-module/layuimini/miniTheme.js b/src/webapp/js/lay-module/layuimini/miniTheme.js new file mode 100644 index 0000000..b0298f6 --- /dev/null +++ b/src/webapp/js/lay-module/layuimini/miniTheme.js @@ -0,0 +1,474 @@ +/** + * date:2020/02/28 + * author:Mr.Chung + * version:2.0 + * description:layuimini tab妗嗘灦鎵╁睍 + */ +layui.define(["jquery", "layer"], function (exports) { + var $ = layui.$, + layer = layui.layer; + + var miniTheme = { + + /** + * 涓婚閰嶇疆椤� + * @param bgcolorId + * @returns {{headerLogo, menuLeftHover, headerRight, menuLeft, headerRightThis, menuLeftThis}|*|*[]} + */ + config: function (bgcolorId) { + var bgColorConfig = [ + { + headerRightBg: '#ffffff', //澶撮儴鍙充晶鑳屾櫙鑹� + headerRightBgThis: '#e4e4e4', //澶撮儴鍙充晶閫変腑鑳屾櫙鑹�, + headerRightColor: 'rgba(107, 107, 107, 0.7)', //澶撮儴鍙充晶瀛椾綋棰滆壊, + headerRightChildColor: 'rgba(107, 107, 107, 0.7)', //澶撮儴鍙充晶涓嬫媺瀛椾綋棰滆壊, + headerRightColorThis: '#565656', //澶撮儴鍙充晶榧犳爣閫変腑, + headerRightNavMore: 'rgba(160, 160, 160, 0.7)', //澶撮儴鍙充晶鏇村涓嬫媺棰滆壊, + headerRightNavMoreBg: '#1E9FFF', //澶撮儴鍙充晶鏇村涓嬫媺鍒楄〃閫変腑鑳屾櫙鑹�, + headerRightNavMoreColor: '#ffffff', //澶撮儴鍙充晶鏇村涓嬫媺鍒楄〃瀛椾綋鑹�, + headerRightToolColor: '#565656', //澶撮儴缂╂斁鎸夐挳鏍峰紡, + headerLogoBg: '#192027', //logo鑳屾櫙棰滆壊, + headerLogoColor: 'rgb(191, 187, 187)', //logo瀛椾綋棰滆壊, + leftMenuNavMore: 'rgb(191, 187, 187)', //宸︿晶鑿滃崟鏇村涓嬫媺鏍峰紡, + leftMenuBg: '#28333E', //宸︿晶鑿滃崟鑳屾櫙, + leftMenuBgThis: '#1E9FFF', //宸︿晶鑿滃崟閫変腑鑳屾櫙, + leftMenuChildBg: '#0c0f13', //宸︿晶鑿滃崟瀛愯彍鍗曡儗鏅�, + leftMenuColor: 'rgb(191, 187, 187)', //宸︿晶鑿滃崟瀛椾綋棰滆壊, + leftMenuColorThis: '#ffffff', //宸︿晶鑿滃崟閫変腑瀛椾綋棰滆壊, + tabActiveColor: '#1e9fff', //tab閫夐」鍗¢�変腑棰滆壊, + }, + { + headerRightBg: '#23262e', //澶撮儴鍙充晶鑳屾櫙鑹� + headerRightBgThis: '#0c0c0c', //澶撮儴鍙充晶閫変腑鑳屾櫙鑹�, + headerRightColor: 'rgba(255,255,255,.7)', //澶撮儴鍙充晶瀛椾綋棰滆壊, + headerRightChildColor: '#676767', //澶撮儴鍙充晶涓嬫媺瀛椾綋棰滆壊, + headerRightColorThis: '#ffffff', //澶撮儴鍙充晶榧犳爣閫変腑, + headerRightNavMore: 'rgba(255,255,255,.7)', //澶撮儴鍙充晶鏇村涓嬫媺棰滆壊, + headerRightNavMoreBg: '#1aa094', //澶撮儴鍙充晶鏇村涓嬫媺鍒楄〃閫変腑鑳屾櫙鑹�, + headerRightNavMoreColor: '#ffffff', //澶撮儴鍙充晶鏇村涓嬫媺鍒楄〃瀛椾綋鑹�, + headerRightToolColor: '#bbe3df', //澶撮儴缂╂斁鎸夐挳鏍峰紡, + headerLogoBg: '#0c0c0c', //logo鑳屾櫙棰滆壊, + headerLogoColor: '#ffffff', //logo瀛椾綋棰滆壊, + leftMenuNavMore: 'rgb(191, 187, 187)', //宸︿晶鑿滃崟鏇村涓嬫媺鏍峰紡, + leftMenuBg: '#23262e', //宸︿晶鑿滃崟鑳屾櫙, + leftMenuBgThis: '#737373', //宸︿晶鑿滃崟閫変腑鑳屾櫙, + leftMenuChildBg: 'rgba(0,0,0,.3)', //宸︿晶鑿滃崟瀛愯彍鍗曡儗鏅�, + leftMenuColor: 'rgb(191, 187, 187)', //宸︿晶鑿滃崟瀛椾綋棰滆壊, + leftMenuColorThis: '#ffffff', //宸︿晶鑿滃崟閫変腑瀛椾綋棰滆壊, + tabActiveColor: '#23262e', //tab閫夐」鍗¢�変腑棰滆壊, + }, + { + headerRightBg: '#ffa4d1', //澶撮儴鍙充晶鑳屾櫙鑹� + headerRightBgThis: '#bf7b9d', //澶撮儴鍙充晶閫変腑鑳屾櫙鑹�, + headerRightColor: 'rgba(255,255,255,.7)', //澶撮儴鍙充晶瀛椾綋棰滆壊, + headerRightChildColor: '#676767', //澶撮儴鍙充晶涓嬫媺瀛椾綋棰滆壊, + headerRightColorThis: '#ffffff', //澶撮儴鍙充晶榧犳爣閫変腑, + headerRightNavMore: 'rgba(255,255,255,.7)', //澶撮儴鍙充晶鏇村涓嬫媺棰滆壊, + headerRightNavMoreBg: '#ffa4d1', //澶撮儴鍙充晶鏇村涓嬫媺鍒楄〃閫変腑鑳屾櫙鑹�, + headerRightNavMoreColor: '#ffffff', //澶撮儴鍙充晶鏇村涓嬫媺鍒楄〃瀛椾綋鑹�, + headerRightToolColor: '#bbe3df', //澶撮儴缂╂斁鎸夐挳鏍峰紡, + headerLogoBg: '#e694bd', //logo鑳屾櫙棰滆壊, + headerLogoColor: '#ffffff', //logo瀛椾綋棰滆壊, + leftMenuNavMore: 'rgb(191, 187, 187)', //宸︿晶鑿滃崟鏇村涓嬫媺鏍峰紡, + leftMenuBg: '#1f1f1f', //宸︿晶鑿滃崟鑳屾櫙, + leftMenuBgThis: '#737373', //宸︿晶鑿滃崟閫変腑鑳屾櫙, + leftMenuChildBg: 'rgba(0,0,0,.3)', //宸︿晶鑿滃崟瀛愯彍鍗曡儗鏅�, + leftMenuColor: 'rgb(191, 187, 187)', //宸︿晶鑿滃崟瀛椾綋棰滆壊, + leftMenuColorThis: '#ffffff', //宸︿晶鑿滃崟閫変腑瀛椾綋棰滆壊, + tabActiveColor: '#ffa4d1', //tab閫夐」鍗¢�変腑棰滆壊, + }, + { + headerRightBg: '#1aa094', //澶撮儴鍙充晶鑳屾櫙鑹� + headerRightBgThis: '#197971', //澶撮儴鍙充晶閫変腑鑳屾櫙鑹�, + headerRightColor: 'rgba(255,255,255,.7)', //澶撮儴鍙充晶瀛椾綋棰滆壊, + headerRightChildColor: '#676767', //澶撮儴鍙充晶涓嬫媺瀛椾綋棰滆壊, + headerRightColorThis: '#ffffff', //澶撮儴鍙充晶榧犳爣閫変腑, + headerRightNavMore: 'rgba(255,255,255,.7)', //澶撮儴鍙充晶鏇村涓嬫媺棰滆壊, + headerRightNavMoreBg: '#1aa094', //澶撮儴鍙充晶鏇村涓嬫媺鍒楄〃閫変腑鑳屾櫙鑹�, + headerRightNavMoreColor: '#ffffff', //澶撮儴鍙充晶鏇村涓嬫媺鍒楄〃瀛椾綋鑹�, + headerRightToolColor: '#bbe3df', //澶撮儴缂╂斁鎸夐挳鏍峰紡, + headerLogoBg: '#0c0c0c', //logo鑳屾櫙棰滆壊, + headerLogoColor: '#ffffff', //logo瀛椾綋棰滆壊, + leftMenuNavMore: 'rgb(191, 187, 187)', //宸︿晶鑿滃崟鏇村涓嬫媺鏍峰紡, + leftMenuBg: '#23262e', //宸︿晶鑿滃崟鑳屾櫙, + leftMenuBgThis: '#1aa094', //宸︿晶鑿滃崟閫変腑鑳屾櫙, + leftMenuChildBg: 'rgba(0,0,0,.3)', //宸︿晶鑿滃崟瀛愯彍鍗曡儗鏅�, + leftMenuColor: 'rgb(191, 187, 187)', //宸︿晶鑿滃崟瀛椾綋棰滆壊, + leftMenuColorThis: '#ffffff', //宸︿晶鑿滃崟閫変腑瀛椾綋棰滆壊, + tabActiveColor: '#1aa094', //tab閫夐」鍗¢�変腑棰滆壊, + }, + { + headerRightBg: '#1e9fff', //澶撮儴鍙充晶鑳屾櫙鑹� + headerRightBgThis: '#0069b7', //澶撮儴鍙充晶閫変腑鑳屾櫙鑹�, + headerRightColor: 'rgba(255,255,255,.7)', //澶撮儴鍙充晶瀛椾綋棰滆壊, + headerRightChildColor: '#676767', //澶撮儴鍙充晶涓嬫媺瀛椾綋棰滆壊, + headerRightColorThis: '#ffffff', //澶撮儴鍙充晶榧犳爣閫変腑, + headerRightNavMore: 'rgba(255,255,255,.7)', //澶撮儴鍙充晶鏇村涓嬫媺棰滆壊, + headerRightNavMoreBg: '#1e9fff', //澶撮儴鍙充晶鏇村涓嬫媺鍒楄〃閫変腑鑳屾櫙鑹�, + headerRightNavMoreColor: '#ffffff', //澶撮儴鍙充晶鏇村涓嬫媺鍒楄〃瀛椾綋鑹�, + headerRightToolColor: '#bbe3df', //澶撮儴缂╂斁鎸夐挳鏍峰紡, + headerLogoBg: '#0c0c0c', //logo鑳屾櫙棰滆壊, + headerLogoColor: '#ffffff', //logo瀛椾綋棰滆壊, + leftMenuNavMore: 'rgb(191, 187, 187)', //宸︿晶鑿滃崟鏇村涓嬫媺鏍峰紡, + leftMenuBg: '#1f1f1f', //宸︿晶鑿滃崟鑳屾櫙, + leftMenuBgThis: '#1e9fff', //宸︿晶鑿滃崟閫変腑鑳屾櫙, + leftMenuChildBg: 'rgba(0,0,0,.3)', //宸︿晶鑿滃崟瀛愯彍鍗曡儗鏅�, + leftMenuColor: 'rgb(191, 187, 187)', //宸︿晶鑿滃崟瀛椾綋棰滆壊, + leftMenuColorThis: '#ffffff', //宸︿晶鑿滃崟閫変腑瀛椾綋棰滆壊, + tabActiveColor: '#1e9fff', //tab閫夐」鍗¢�変腑棰滆壊, + }, + { + headerRightBg: '#ffb800', //澶撮儴鍙充晶鑳屾櫙鑹� + headerRightBgThis: '#d09600', //澶撮儴鍙充晶閫変腑鑳屾櫙鑹�, + headerRightColor: 'rgba(255,255,255,.7)', //澶撮儴鍙充晶瀛椾綋棰滆壊, + headerRightChildColor: '#676767', //澶撮儴鍙充晶涓嬫媺瀛椾綋棰滆壊, + headerRightColorThis: '#ffffff', //澶撮儴鍙充晶榧犳爣閫変腑, + headerRightNavMore: 'rgba(255,255,255,.7)', //澶撮儴鍙充晶鏇村涓嬫媺棰滆壊, + headerRightNavMoreBg: '#d09600', //澶撮儴鍙充晶鏇村涓嬫媺鍒楄〃閫変腑鑳屾櫙鑹�, + headerRightNavMoreColor: '#ffffff', //澶撮儴鍙充晶鏇村涓嬫媺鍒楄〃瀛椾綋鑹�, + headerRightToolColor: '#bbe3df', //澶撮儴缂╂斁鎸夐挳鏍峰紡, + headerLogoBg: '#243346', //logo鑳屾櫙棰滆壊, + headerLogoColor: '#ffffff', //logo瀛椾綋棰滆壊, + leftMenuNavMore: 'rgb(191, 187, 187)', //宸︿晶鑿滃崟鏇村涓嬫媺鏍峰紡, + leftMenuBg: '#2f4056', //宸︿晶鑿滃崟鑳屾櫙, + leftMenuBgThis: '#8593a7', //宸︿晶鑿滃崟閫変腑鑳屾櫙, + leftMenuChildBg: 'rgba(0,0,0,.3)', //宸︿晶鑿滃崟瀛愯彍鍗曡儗鏅�, + leftMenuColor: 'rgb(191, 187, 187)', //宸︿晶鑿滃崟瀛椾綋棰滆壊, + leftMenuColorThis: '#ffffff', //宸︿晶鑿滃崟閫変腑瀛椾綋棰滆壊, + tabActiveColor: '#ffb800', //tab閫夐」鍗¢�変腑棰滆壊, + }, + { + headerRightBg: '#e82121', //澶撮儴鍙充晶鑳屾櫙鑹� + headerRightBgThis: '#ae1919', //澶撮儴鍙充晶閫変腑鑳屾櫙鑹�, + headerRightColor: 'rgba(255,255,255,.7)', //澶撮儴鍙充晶瀛椾綋棰滆壊, + headerRightChildColor: '#676767', //澶撮儴鍙充晶涓嬫媺瀛椾綋棰滆壊, + headerRightColorThis: '#ffffff', //澶撮儴鍙充晶榧犳爣閫変腑, + headerRightNavMore: 'rgba(255,255,255,.7)', //澶撮儴鍙充晶鏇村涓嬫媺棰滆壊, + headerRightNavMoreBg: '#ae1919', //澶撮儴鍙充晶鏇村涓嬫媺鍒楄〃閫変腑鑳屾櫙鑹�, + headerRightNavMoreColor: '#ffffff', //澶撮儴鍙充晶鏇村涓嬫媺鍒楄〃瀛椾綋鑹�, + headerRightToolColor: '#bbe3df', //澶撮儴缂╂斁鎸夐挳鏍峰紡, + headerLogoBg: '#0c0c0c', //logo鑳屾櫙棰滆壊, + headerLogoColor: '#ffffff', //logo瀛椾綋棰滆壊, + leftMenuNavMore: 'rgb(191, 187, 187)', //宸︿晶鑿滃崟鏇村涓嬫媺鏍峰紡, + leftMenuBg: '#1f1f1f', //宸︿晶鑿滃崟鑳屾櫙, + leftMenuBgThis: '#3b3f4b', //宸︿晶鑿滃崟閫変腑鑳屾櫙, + leftMenuChildBg: 'rgba(0,0,0,.3)', //宸︿晶鑿滃崟瀛愯彍鍗曡儗鏅�, + leftMenuColor: 'rgb(191, 187, 187)', //宸︿晶鑿滃崟瀛椾綋棰滆壊, + leftMenuColorThis: '#ffffff', //宸︿晶鑿滃崟閫変腑瀛椾綋棰滆壊, + tabActiveColor: '#e82121', //tab閫夐」鍗¢�変腑棰滆壊, + }, + { + headerRightBg: '#963885', //澶撮儴鍙充晶鑳屾櫙鑹� + headerRightBgThis: '#772c6a', //澶撮儴鍙充晶閫変腑鑳屾櫙鑹�, + headerRightColor: 'rgba(255,255,255,.7)', //澶撮儴鍙充晶瀛椾綋棰滆壊, + headerRightChildColor: '#676767', //澶撮儴鍙充晶涓嬫媺瀛椾綋棰滆壊, + headerRightColorThis: '#ffffff', //澶撮儴鍙充晶榧犳爣閫変腑, + headerRightNavMore: 'rgba(255,255,255,.7)', //澶撮儴鍙充晶鏇村涓嬫媺棰滆壊, + headerRightNavMoreBg: '#772c6a', //澶撮儴鍙充晶鏇村涓嬫媺鍒楄〃閫変腑鑳屾櫙鑹�, + headerRightNavMoreColor: '#ffffff', //澶撮儴鍙充晶鏇村涓嬫媺鍒楄〃瀛椾綋鑹�, + headerRightToolColor: '#bbe3df', //澶撮儴缂╂斁鎸夐挳鏍峰紡, + headerLogoBg: '#243346', //logo鑳屾櫙棰滆壊, + headerLogoColor: '#ffffff', //logo瀛椾綋棰滆壊, + leftMenuNavMore: 'rgb(191, 187, 187)', //宸︿晶鑿滃崟鏇村涓嬫媺鏍峰紡, + leftMenuBg: '#2f4056', //宸︿晶鑿滃崟鑳屾櫙, + leftMenuBgThis: '#586473', //宸︿晶鑿滃崟閫変腑鑳屾櫙, + leftMenuChildBg: 'rgba(0,0,0,.3)', //宸︿晶鑿滃崟瀛愯彍鍗曡儗鏅�, + leftMenuColor: 'rgb(191, 187, 187)', //宸︿晶鑿滃崟瀛椾綋棰滆壊, + leftMenuColorThis: '#ffffff', //宸︿晶鑿滃崟閫変腑瀛椾綋棰滆壊, + tabActiveColor: '#963885', //tab閫夐」鍗¢�変腑棰滆壊, + }, + { + headerRightBg: '#2D8CF0', //澶撮儴鍙充晶鑳屾櫙鑹� + headerRightBgThis: '#0069b7', //澶撮儴鍙充晶閫変腑鑳屾櫙鑹�, + headerRightColor: 'rgba(255,255,255,.7)', //澶撮儴鍙充晶瀛椾綋棰滆壊, + headerRightChildColor: '#676767', //澶撮儴鍙充晶涓嬫媺瀛椾綋棰滆壊, + headerRightColorThis: '#ffffff', //澶撮儴鍙充晶榧犳爣閫変腑, + headerRightNavMore: 'rgba(255,255,255,.7)', //澶撮儴鍙充晶鏇村涓嬫媺棰滆壊, + headerRightNavMoreBg: '#0069b7', //澶撮儴鍙充晶鏇村涓嬫媺鍒楄〃閫変腑鑳屾櫙鑹�, + headerRightNavMoreColor: '#ffffff', //澶撮儴鍙充晶鏇村涓嬫媺鍒楄〃瀛椾綋鑹�, + headerRightToolColor: '#bbe3df', //澶撮儴缂╂斁鎸夐挳鏍峰紡, + headerLogoBg: '#0069b7', //logo鑳屾櫙棰滆壊, + headerLogoColor: '#ffffff', //logo瀛椾綋棰滆壊, + leftMenuNavMore: 'rgb(191, 187, 187)', //宸︿晶鑿滃崟鏇村涓嬫媺鏍峰紡, + leftMenuBg: '#1f1f1f', //宸︿晶鑿滃崟鑳屾櫙, + leftMenuBgThis: '#2D8CF0', //宸︿晶鑿滃崟閫変腑鑳屾櫙, + leftMenuChildBg: 'rgba(0,0,0,.3)', //宸︿晶鑿滃崟瀛愯彍鍗曡儗鏅�, + leftMenuColor: 'rgb(191, 187, 187)', //宸︿晶鑿滃崟瀛椾綋棰滆壊, + leftMenuColorThis: '#ffffff', //宸︿晶鑿滃崟閫変腑瀛椾綋棰滆壊, + tabActiveColor: '#2d8cf0', //tab閫夐」鍗¢�変腑棰滆壊, + }, + { + headerRightBg: '#ffb800', //澶撮儴鍙充晶鑳屾櫙鑹� + headerRightBgThis: '#d09600', //澶撮儴鍙充晶閫変腑鑳屾櫙鑹�, + headerRightColor: 'rgba(255,255,255,.7)', //澶撮儴鍙充晶瀛椾綋棰滆壊, + headerRightChildColor: '#676767', //澶撮儴鍙充晶涓嬫媺瀛椾綋棰滆壊, + headerRightColorThis: '#ffffff', //澶撮儴鍙充晶榧犳爣閫変腑, + headerRightNavMore: 'rgba(255,255,255,.7)', //澶撮儴鍙充晶鏇村涓嬫媺棰滆壊, + headerRightNavMoreBg: '#d09600', //澶撮儴鍙充晶鏇村涓嬫媺鍒楄〃閫変腑鑳屾櫙鑹�, + headerRightNavMoreColor: '#ffffff', //澶撮儴鍙充晶鏇村涓嬫媺鍒楄〃瀛椾綋鑹�, + headerRightToolColor: '#bbe3df', //澶撮儴缂╂斁鎸夐挳鏍峰紡, + headerLogoBg: '#d09600', //logo鑳屾櫙棰滆壊, + headerLogoColor: '#ffffff', //logo瀛椾綋棰滆壊, + leftMenuNavMore: 'rgb(191, 187, 187)', //宸︿晶鑿滃崟鏇村涓嬫媺鏍峰紡, + leftMenuBg: '#2f4056', //宸︿晶鑿滃崟鑳屾櫙, + leftMenuBgThis: '#3b3f4b', //宸︿晶鑿滃崟閫変腑鑳屾櫙, + leftMenuChildBg: 'rgba(0,0,0,.3)', //宸︿晶鑿滃崟瀛愯彍鍗曡儗鏅�, + leftMenuColor: 'rgb(191, 187, 187)', //宸︿晶鑿滃崟瀛椾綋棰滆壊, + leftMenuColorThis: '#ffffff', //宸︿晶鑿滃崟閫変腑瀛椾綋棰滆壊, + tabActiveColor: '#ffb800', //tab閫夐」鍗¢�変腑棰滆壊, + }, + { + headerRightBg: '#e82121', //澶撮儴鍙充晶鑳屾櫙鑹� + headerRightBgThis: '#ae1919', //澶撮儴鍙充晶閫変腑鑳屾櫙鑹�, + headerRightColor: 'rgba(255,255,255,.7)', //澶撮儴鍙充晶瀛椾綋棰滆壊, + headerRightChildColor: '#676767', //澶撮儴鍙充晶涓嬫媺瀛椾綋棰滆壊, + headerRightColorThis: '#ffffff', //澶撮儴鍙充晶榧犳爣閫変腑, + headerRightNavMore: 'rgba(255,255,255,.7)', //澶撮儴鍙充晶鏇村涓嬫媺棰滆壊, + headerRightNavMoreBg: '#ae1919', //澶撮儴鍙充晶鏇村涓嬫媺鍒楄〃閫変腑鑳屾櫙鑹�, + headerRightNavMoreColor: '#ffffff', //澶撮儴鍙充晶鏇村涓嬫媺鍒楄〃瀛椾綋鑹�, + headerRightToolColor: '#bbe3df', //澶撮儴缂╂斁鎸夐挳鏍峰紡, + headerLogoBg: '#d91f1f', //logo鑳屾櫙棰滆壊, + headerLogoColor: '#ffffff', //logo瀛椾綋棰滆壊, + leftMenuNavMore: 'rgb(191, 187, 187)', //宸︿晶鑿滃崟鏇村涓嬫媺鏍峰紡, + leftMenuBg: '#1f1f1f', //宸︿晶鑿滃崟鑳屾櫙, + leftMenuBgThis: '#3b3f4b', //宸︿晶鑿滃崟閫変腑鑳屾櫙, + leftMenuChildBg: 'rgba(0,0,0,.3)', //宸︿晶鑿滃崟瀛愯彍鍗曡儗鏅�, + leftMenuColor: 'rgb(191, 187, 187)', //宸︿晶鑿滃崟瀛椾綋棰滆壊, + leftMenuColorThis: '#ffffff', //宸︿晶鑿滃崟閫変腑瀛椾綋棰滆壊, + tabActiveColor: '#e82121', //tab閫夐」鍗¢�変腑棰滆壊, + }, + { + headerRightBg: '#963885', //澶撮儴鍙充晶鑳屾櫙鑹� + headerRightBgThis: '#772c6a', //澶撮儴鍙充晶閫変腑鑳屾櫙鑹�, + headerRightColor: 'rgba(255,255,255,.7)', //澶撮儴鍙充晶瀛椾綋棰滆壊, + headerRightChildColor: '#676767', //澶撮儴鍙充晶涓嬫媺瀛椾綋棰滆壊, + headerRightColorThis: '#ffffff', //澶撮儴鍙充晶榧犳爣閫変腑, + headerRightNavMore: 'rgba(255,255,255,.7)', //澶撮儴鍙充晶鏇村涓嬫媺棰滆壊, + headerRightNavMoreBg: '#772c6a', //澶撮儴鍙充晶鏇村涓嬫媺鍒楄〃閫変腑鑳屾櫙鑹�, + headerRightNavMoreColor: '#ffffff', //澶撮儴鍙充晶鏇村涓嬫媺鍒楄〃瀛椾綋鑹�, + headerRightToolColor: '#bbe3df', //澶撮儴缂╂斁鎸夐挳鏍峰紡, + headerLogoBg: '#772c6a', //logo鑳屾櫙棰滆壊, + headerLogoColor: '#ffffff', //logo瀛椾綋棰滆壊, + leftMenuNavMore: 'rgb(191, 187, 187)', //宸︿晶鑿滃崟鏇村涓嬫媺鏍峰紡, + leftMenuBg: '#2f4056', //宸︿晶鑿滃崟鑳屾櫙, + leftMenuBgThis: '#626f7f', //宸︿晶鑿滃崟閫変腑鑳屾櫙, + leftMenuChildBg: 'rgba(0,0,0,.3)', //宸︿晶鑿滃崟瀛愯彍鍗曡儗鏅�, + leftMenuColor: 'rgb(191, 187, 187)', //宸︿晶鑿滃崟瀛椾綋棰滆壊, + leftMenuColorThis: '#ffffff', //宸︿晶鑿滃崟閫変腑瀛椾綋棰滆壊, + tabActiveColor: '#963885', //tab閫夐」鍗¢�変腑棰滆壊, + } + ]; + if (bgcolorId === undefined) { + return bgColorConfig; + } else { + return bgColorConfig[bgcolorId]; + } + }, + + /** + * 鍒濆鍖� + * @param options + */ + render: function (options) { + options.bgColorDefault = options.bgColorDefault || false; + options.listen = options.listen || false; + var bgcolorId = sessionStorage.getItem('layuiminiBgcolorId'); + if (bgcolorId === null || bgcolorId === undefined || bgcolorId === '') { + bgcolorId = options.bgColorDefault; + } + miniTheme.buildThemeCss(bgcolorId); + if (options.listen) miniTheme.listen(options); + }, + + /** + * 鏋勫缓涓婚鏍峰紡 + * @param bgcolorId + * @returns {boolean} + */ + buildThemeCss: function (bgcolorId) { + if (!bgcolorId) { + return false; + } + var bgcolorData = miniTheme.config(bgcolorId); + var styleHtml = '/*澶撮儴鍙充晶鑳屾櫙鑹� headerRightBg */\n' + + '.layui-layout-admin .layui-header {\n' + + ' background-color: ' + bgcolorData.headerRightBg + ' !important;\n' + + '}\n' + + '\n' + + '/*澶撮儴鍙充晶閫変腑鑳屾櫙鑹� headerRightBgThis */\n' + + '.layui-layout-admin .layui-header .layuimini-header-content > ul > .layui-nav-item.layui-this, .layuimini-tool i:hover {\n' + + ' background-color: ' + bgcolorData.headerRightBgThis + ' !important;\n' + + '}\n' + + '\n' + + '/*澶撮儴鍙充晶瀛椾綋棰滆壊 headerRightColor */\n' + + '.layui-layout-admin .layui-header .layui-nav .layui-nav-item a {\n' + + ' color: ' + bgcolorData.headerRightColor + ';\n' + + '}\n' + + '/**澶撮儴鍙充晶涓嬫媺瀛椾綋棰滆壊 headerRightChildColor */\n' + + '.layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child a {\n' + + ' color: ' + bgcolorData.headerRightChildColor + '!important;\n' + + '}\n'+ + '\n' + + '/*澶撮儴鍙充晶榧犳爣閫変腑 headerRightColorThis */\n' + + '.layui-header .layuimini-menu-header-pc.layui-nav .layui-nav-item a:hover, .layui-header .layuimini-header-menu.layuimini-pc-show.layui-nav .layui-this a {\n' + + ' color: ' + bgcolorData.headerRightColorThis + ' !important;\n' + + '}\n' + + '\n' + + '/*澶撮儴鍙充晶鏇村涓嬫媺棰滆壊 headerRightNavMore */\n' + + '.layui-header .layui-nav .layui-nav-more {\n' + + ' border-top-color: ' + bgcolorData.headerRightNavMore + ' !important;\n' + + '}\n' + + '\n' + + '/*澶撮儴鍙充晶鏇村涓嬫媺棰滆壊 headerRightNavMore */\n' + + '.layui-header .layui-nav .layui-nav-mored, .layui-header .layui-nav-itemed > a .layui-nav-more {\n' + + ' border-color: transparent transparent ' + bgcolorData.headerRightNavMore + ' !important;\n' + + '}\n' + + '\n' + + '/**澶撮儴鍙充晶鏇村涓嬫媺閰嶇疆鑹� headerRightNavMoreBg headerRightNavMoreColor */\n' + + '.layui-header .layui-nav .layui-nav-child dd.layui-this a, .layui-header .layui-nav-child dd.layui-this, .layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child .layui-this a {\n' + + ' background-color: ' + bgcolorData.headerRightNavMoreBg + ' !important;\n' + + ' color:' + bgcolorData.headerRightNavMoreColor + ' !important;\n' + + '}\n' + + '\n' + + '/*澶撮儴缂╂斁鎸夐挳鏍峰紡 headerRightToolColor */\n' + + '.layui-layout-admin .layui-header .layuimini-tool i {\n' + + ' color: ' + bgcolorData.headerRightToolColor + ';\n' + + '}\n' + + '\n' + + '/*logo鑳屾櫙棰滆壊 headerLogoBg */\n' + + '.layui-layout-admin .layuimini-logo {\n' + + ' background-color: ' + bgcolorData.headerLogoBg + ' !important;\n' + + '}\n' + + '\n' + + '/*logo瀛椾綋棰滆壊 headerLogoColor */\n' + + '.layui-layout-admin .layuimini-logo h1 {\n' + + ' color: ' + bgcolorData.headerLogoColor + ';\n' + + '}\n' + + '\n' + + '/*宸︿晶鑿滃崟鏇村涓嬫媺鏍峰紡 leftMenuNavMore */\n' + + '.layuimini-menu-left .layui-nav .layui-nav-more,.layuimini-menu-left-zoom.layui-nav .layui-nav-more {\n' + + ' border-top-color: ' + bgcolorData.leftMenuNavMore + ';\n' + + '}\n' + + '\n' + + '/*宸︿晶鑿滃崟鏇村涓嬫媺鏍峰紡 leftMenuNavMore */\n' + + '.layuimini-menu-left .layui-nav .layui-nav-mored, .layuimini-menu-left .layui-nav-itemed > a .layui-nav-more, .layuimini-menu-left-zoom.layui-nav .layui-nav-mored, .layuimini-menu-left-zoom.layui-nav-itemed > a .layui-nav-more {\n' + + ' border-color: transparent transparent ' + bgcolorData.leftMenuNavMore + ' !important;\n' + + '}\n' + + '\n' + + '/*宸︿晶鑿滃崟鑳屾櫙 leftMenuBg */\n' + + '.layui-side.layui-bg-black, .layui-side.layui-bg-black > .layuimini-menu-left > ul, .layuimini-menu-left-zoom > ul {\n' + + ' background-color: ' + bgcolorData.leftMenuBg + ' !important;\n' + + '}\n' + + '\n' + + '/*宸︿晶鑿滃崟閫変腑鑳屾櫙 leftMenuBgThis */\n' + + '.layuimini-menu-left .layui-nav-tree .layui-this, .layuimini-menu-left .layui-nav-tree .layui-this > a, .layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this, .layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this a, .layuimini-menu-left-zoom.layui-nav-tree .layui-this, .layuimini-menu-left-zoom.layui-nav-tree .layui-this > a, .layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this, .layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this a {\n' + + ' background-color: ' + bgcolorData.leftMenuBgThis + ' !important\n' + + '}\n' + + '\n' + + '/*宸︿晶鑿滃崟瀛愯彍鍗曡儗鏅� leftMenuChildBg */\n' + + '.layuimini-menu-left .layui-nav-itemed > .layui-nav-child{\n' + + ' background-color: ' + bgcolorData.leftMenuChildBg + ' !important;\n' + + '}\n' + + '\n' + + '/*宸︿晶鑿滃崟瀛椾綋棰滆壊 leftMenuColor */\n' + + '.layuimini-menu-left .layui-nav .layui-nav-item a, .layuimini-menu-left-zoom.layui-nav .layui-nav-item a {\n' + + ' color: ' + bgcolorData.leftMenuColor + ' !important;\n' + + '}\n' + + '\n' + + '/*宸︿晶鑿滃崟閫変腑瀛椾綋棰滆壊 leftMenuColorThis */\n' + + '.layuimini-menu-left .layui-nav .layui-nav-item a:hover, .layuimini-menu-left .layui-nav .layui-this a, .layuimini-menu-left-zoom.layui-nav .layui-nav-item a:hover, .layuimini-menu-left-zoom.layui-nav .layui-this a {\n' + + ' color:' + bgcolorData.leftMenuColorThis + ' !important;\n' + + '}\n' + + '\n' + + '/**tab閫夐」鍗¢�変腑棰滆壊 tabActiveColor */\n' + + '.layuimini-tab .layui-tab-title .layui-this .layuimini-tab-active {\n' + + ' background-color: ' + bgcolorData.tabActiveColor + ';\n' + + '}\n'; + $('#layuimini-bg-color').html(styleHtml); + }, + + /** + * 鏋勫缓涓婚閫夋嫨html + * @param options + * @returns {string} + */ + buildBgColorHtml: function (options) { + options.bgColorDefault = options.bgColorDefault || 0; + var bgcolorId = parseInt(sessionStorage.getItem('layuiminiBgcolorId')); + if (isNaN(bgcolorId)) bgcolorId = options.bgColorDefault; + var bgColorConfig = miniTheme.config(); + var html = ''; + $.each(bgColorConfig, function (key, val) { + if (key === bgcolorId) { + html += '<li class="layui-this" data-select-bgcolor="' + key + '">\n'; + } else { + html += '<li data-select-bgcolor="' + key + '">\n'; + } + html += '<a href="javascript:;" data-skin="skin-blue" style="" class="clearfix full-opacity-hover">\n' + + '<div><span style="display:block; width: 20%; float: left; height: 12px; background: ' + val.headerLogoBg + ';"></span><span style="display:block; width: 80%; float: left; height: 12px; background: ' + val.headerRightBg + ';"></span></div>\n' + + '<div><span style="display:block; width: 20%; float: left; height: 40px; background: ' + val.leftMenuBg + ';"></span><span style="display:block; width: 80%; float: left; height: 40px; background: #ffffff;"></span></div>\n' + + '</a>\n' + + '</li>'; + }); + return html; + }, + + /** + * 鐩戝惉 + * @param options + */ + listen: function (options) { + $('body').on('click', '[data-bgcolor]', function () { + var loading = layer.load(0, {shade: false, time: 2 * 1000}); + var clientHeight = (document.documentElement.clientHeight) - 60; + var bgColorHtml = miniTheme.buildBgColorHtml(options); + var html = '<div class="layuimini-color">\n' + + '<div class="color-title">\n' + + '<span>閰嶈壊鏂规</span>\n' + + '</div>\n' + + '<div class="color-content">\n' + + '<ul>\n' + bgColorHtml + '</ul>\n' + + '</div>\n' + + '<div class="more-menu-list">\n' + + '<a class="more-menu-item" href="http://www.hxuwb.com" target="_blank"><i class="layui-icon layui-icon-read" style="font-size: 19px;"></i> 瀹氫綅骞冲彴</a>\n' + + '<a class="more-menu-item" href="https://github.com/zhongshaofa/layuimini" target="_blank"><i class="layui-icon layui-icon-tabs" style="font-size: 16px;"></i> </a>\n' + + '<a class="more-menu-item" href="http://layuimini.99php.cn" target="_blank"><i class="layui-icon layui-icon-theme"></i> </a>\n' + + '</div>' + + '</div>'; + layer.open({ + type: 1, + title: false, + closeBtn: 0, + shade: 0.2, + anim: 2, + shadeClose: true, + id: 'layuiminiBgColor', + area: ['340px', clientHeight + 'px'], + offset: 'rb', + content: html, + success: function (index, layero) { + }, + end: function () { + $('.layuimini-select-bgcolor').removeClass('layui-this'); + } + }); + layer.close(loading); + }); + + $('body').on('click', '[data-select-bgcolor]', function () { + var bgcolorId = $(this).attr('data-select-bgcolor'); + $('.layuimini-color .color-content ul .layui-this').attr('class', ''); + $(this).attr('class', 'layui-this'); + sessionStorage.setItem('layuiminiBgcolorId', bgcolorId); + miniTheme.render({ + bgColorDefault: bgcolorId, + listen: false, + }); + }); + } + }; + + exports("miniTheme", miniTheme); + +}) +; \ No newline at end of file -- Gitblit v1.9.3