From 71a453d54d083f53e67a57158f7b2c1a32adc12b Mon Sep 17 00:00:00 2001 From: zhizous Date: Sun, 5 Apr 2020 02:09:05 +0800 Subject: [PATCH] =?UTF-8?q?add:=20=E7=B3=BB=E7=BB=9F=E8=AE=BE=E7=BD=AE=20s?= =?UTF-8?q?etting.html?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/common.css | 4 +- css/okadmin.animate.css | 20 +- css/okadmin.css | 19 +- css/okadmin.theme.css | 40 +++ css/okadmin.theme.scss | 54 +++- index.html | 10 +- js/okadmin.js | 666 +++++++++++++++++++------------------- pages/system/setting.html | 54 ++++ 8 files changed, 528 insertions(+), 339 deletions(-) create mode 100644 pages/system/setting.html diff --git a/css/common.css b/css/common.css index 8864bf4..cc8032b 100644 --- a/css/common.css +++ b/css/common.css @@ -1,5 +1,5 @@ @import "../lib/fonts/iconfont.css"; -html{ +/*html{ webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); @@ -7,7 +7,7 @@ html{ filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); filter: gray; -} +}*/ [v-cloak]{display:none!important} .ok-body{padding:10px} diff --git a/css/okadmin.animate.css b/css/okadmin.animate.css index 4d77e44..62965ba 100644 --- a/css/okadmin.animate.css +++ b/css/okadmin.animate.css @@ -3598,7 +3598,7 @@ } @media (print), (prefers-reduced-motion: reduce) { - .ok-anim { + .ok-anim, .layui-layer-oksetting { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; @@ -3607,3 +3607,21 @@ animation-iteration-count: 1 !important; } } + + + + + + + + + + + + + + + + + + diff --git a/css/okadmin.css b/css/okadmin.css index 7b721a0..ecdda0c 100644 --- a/css/okadmin.css +++ b/css/okadmin.css @@ -1,8 +1,9 @@ @import "../lib/layui/css/layui.css"; @import "../lib/fonts/iconfont.css"; @import "./okadmin.theme.css"; +@import "./okadmin.animate.css"; @import "../lib/layui/css/okmodules/jquery.contextMenu.css"; -html{ +/*html{ webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); @@ -10,7 +11,7 @@ html{ filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); filter: gray; -} +}*/ /*边距*/ .ptb20{ padding-top: 20px; @@ -302,6 +303,7 @@ html{ padding-left: 45px; padding-right: 30px; color: #FFF; + position: relative; /*color: #f2f2f2;*/ } @@ -627,6 +629,19 @@ html{ left: 0; } +/** + 弹出系统设置 +*/ +.layui-layer.ok-setting{ + -webkit-animation-duration: .25s; + animation-duration: .25s; + top: 50px!important; + bottom: 0; + height: 100%; + min-height: 500px; + overflow-y: auto; +} + /* * 以下都是移动端的处理响应 diff --git a/css/okadmin.theme.css b/css/okadmin.theme.css index 14b5634..5cd0562 100644 --- a/css/okadmin.theme.css +++ b/css/okadmin.theme.css @@ -21,3 +21,43 @@ .okadmin.blue_theme .ok-tab .okadmin-tabs-control:hover, .okadmin.blue_theme .ok-tab .layui-tab-title li.layui-this { color: #2D8CF0; } + +/**============================导航菜单的箭头 start============================*/ +#navBar.ok-arrow2 .layui-nav-item a span, +#navBar.ok-arrow2 .layui-nav-item.layui-nav-itemed dd a span{ + top: 14px!important; +} +#navBar.ok-arrow2 .layui-nav-item.layui-nav-itemed a span, +#navBar.ok-arrow2 .layui-nav-item dd.layui-nav-itemed a span { + top: 20px!important; +} + +#navBar.ok-arrow2 .layui-nav-item a span.layui-nav-more { + font-family: ok-icon !important; + font-size: 12px; + font-weight: 600; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + width: 12px; + height: 12px; + color: #FFFFFF; + border: 0; + display: block; +} +#navBar.ok-arrow2 .layui-nav-item a span.layui-nav-more:before { + content: "\e661"; + display: block; + position: absolute; + top: 0; + left: 0; + height: 12px; + line-height: 12px; + width: 100%; + font-size: 12px; + color: #FFFFFF; +} +#navBar.ok-arrow2 .layui-nav-itemed > a > span.layui-nav-more:before{ + content: "\e6de"; +} +/**============================导航菜单的箭头 end============================*/ \ No newline at end of file diff --git a/css/okadmin.theme.scss b/css/okadmin.theme.scss index 1edf060..1d061b8 100644 --- a/css/okadmin.theme.scss +++ b/css/okadmin.theme.scss @@ -12,9 +12,9 @@ $color: #FF4806, #2D8CF0; .okadmin { - @each $c in $name{ - $i:index($name,$c); - &.#{$c}_theme{ + @each $c in $name { + $i: index($name, $c); + &.#{$c}_theme { /**头部导航*/ /* .okadmin-header { .layui-nav-item a { @@ -39,18 +39,20 @@ $color: #FF4806, #2D8CF0; /**左侧菜单*/ .ok-left .okadmin-nav { .layui-nav-bar { - background: nth($color,$i); + background: nth($color, $i); } + .layui-nav-item { &.layui-this { a { - background: nth($color,$i); + background: nth($color, $i); } } + .layui-nav-child { .layui-this { a { - background: nth($color,$i); + background: nth($color, $i); } } } @@ -61,7 +63,7 @@ $color: #FF4806, #2D8CF0; .ok-tab { .okadmin-tabs-control:hover, .layui-tab-title li.layui-this { - color: nth($color,$i); + color: nth($color, $i); } } } @@ -69,3 +71,41 @@ $color: #FF4806, #2D8CF0; } } +/**============================导航菜单的箭头 start============================*/ +#navBar.ok-arrow2 .layui-nav-item a span, +#navBar.ok-arrow2 .layui-nav-item.layui-nav-itemed dd a span{ + top: 14px!important; +} +#navBar.ok-arrow2 .layui-nav-item.layui-nav-itemed a span, +#navBar.ok-arrow2 .layui-nav-item dd.layui-nav-itemed a span { + top: 20px!important; +} + +#navBar.ok-arrow2 .layui-nav-item a span.layui-nav-more { + font-family: ok-icon !important; + font-size: 12px; + font-weight: 600; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + width: 12px; + height: 12px; + color: #FFFFFF; + border: 0; + display: block; +} +#navBar.ok-arrow2 .layui-nav-item a span.layui-nav-more:before { + content: "\e661"; + display: block; + position: absolute; + top: 0; + left: 0; + height: 12px; + line-height: 12px; + width: 100%; + font-size: 12px; + color: #FFFFFF; +} +#navBar.ok-arrow2 .layui-nav-itemed > a > span.layui-nav-more:before{ + content: "\e6de"; +} \ No newline at end of file diff --git a/index.html b/index.html index d0d52df..05f0030 100644 --- a/index.html +++ b/index.html @@ -9,7 +9,6 @@ - @@ -57,7 +56,7 @@
  • - +
    • @@ -79,6 +78,13 @@
    退出登录
    + + +
  • + + + +
    • diff --git a/js/okadmin.js b/js/okadmin.js index 6adce37..5346c0a 100644 --- a/js/okadmin.js +++ b/js/okadmin.js @@ -2,352 +2,368 @@ var objOkTab = ""; layui.use(["element", "layer", "okUtils", "okTab", "okLayer", "okContextMenu", "okHoliday"], function () { - var okUtils = layui.okUtils; - var $ = layui.jquery; - var layer = layui.layer; - var okLayer = layui.okLayer; - var okHoliday = layui.okHoliday; + var okUtils = layui.okUtils; + var $ = layui.jquery; + var layer = layui.layer; + var okLayer = layui.okLayer; + var okHoliday = layui.okHoliday; - var okTab = layui.okTab({ - // 菜单请求路径 - url: "data/navs.json", - // 允许同时选项卡的个数 - openTabNum: 30, - // 如果返回的结果和navs.json中的数据结构一致可省略这个方法 - parseData: function (data) { - return data; - } - }); - objOkTab = okTab; - okLoading.close();/**关闭加载动画*/ - /** - * 左侧导航渲染完成之后的操作 - */ - okTab.render(function () { - /**tab栏的鼠标右键事件**/ - $("body .ok-tab").okContextMenu({ - width: 'auto', - itemHeight: 30, - menu: [ - { - text: "定位所在页", - icon: "ok-icon ok-icon-location", - callback: function () { - okTab.positionTab(); - } - }, - { - text: "关闭当前页", - icon: "ok-icon ok-icon-roundclose", - callback: function () { - okTab.tabClose(1); - } - }, - { - text: "关闭其他页", - icon: "ok-icon ok-icon-roundclose", - callback: function () { - okTab.tabClose(2); - } - }, - { - text: "关闭所有页", - icon: "ok-icon ok-icon-roundclose", - callback: function () { + var okTab = layui.okTab({ + // 菜单请求路径 + url: "data/navs.json", + // 允许同时选项卡的个数 + openTabNum: 30, + // 如果返回的结果和navs.json中的数据结构一致可省略这个方法 + parseData: function (data) { + return data; + } + }); + objOkTab = okTab; + okLoading && okLoading.close();/**关闭加载动画*/ + /** + * 左侧导航渲染完成之后的操作 + */ + okTab.render(function () { + /**tab栏的鼠标右键事件**/ + $("body .ok-tab").okContextMenu({ + width: 'auto', + itemHeight: 30, + menu: [ + { + text: "定位所在页", + icon: "ok-icon ok-icon-location", + callback: function () { + okTab.positionTab(); + } + }, + { + text: "关闭当前页", + icon: "ok-icon ok-icon-roundclose", + callback: function () { + okTab.tabClose(1); + } + }, + { + text: "关闭其他页", + icon: "ok-icon ok-icon-roundclose", + callback: function () { + okTab.tabClose(2); + } + }, + { + text: "关闭所有页", + icon: "ok-icon ok-icon-roundclose", + callback: function () { - okTab.tabClose(3); - } - } - ] - }); - }); + okTab.tabClose(3); + } + } + ] + }); + }); - /** - * 添加新窗口 - */ - $("body").on("click", "#navBar .layui-nav-item a, #userInfo a", function () { - // 如果不存在子级 - if ($(this).siblings().length == 0) { - okTab.tabAdd($(this)); - } - // 关闭其他展开的二级标签 - $(this).parent("li").siblings().removeClass("layui-nav-itemed"); - if (!$(this).attr("lay-id")) { - var topLevelEle = $(this).parents("li.layui-nav-item"); - var childs = $("#navBar > li > dl.layui-nav-child").not(topLevelEle.children("dl.layui-nav-child")); - childs.removeAttr("style"); - } - }); + /**系统设置*/ + $("body").on("click", "#okSetting", function () { + layer.open({ + type: 2, + title: "系统设置", + shadeClose: true, + closeBtn: 0, //不显示关闭按钮 + skin: "slideInRight ok-setting", + area: ['340px', '100%'], + offset: 'r', //右边 + time: 200000, //2秒后自动关闭 + anim: -1, + content: "./pages/system/setting.html" + }); + }); - /** - * 左侧菜单展开动画 - */ - $("#navBar").on("click", ".layui-nav-item a", function () { - if (!$(this).attr("lay-id")) { - var superEle = $(this).parent(); - var ele = $(this).next('.layui-nav-child'); - var height = ele.height(); - ele.css({"display": "block"}); - // 是否是展开状态 - if (superEle.is(".layui-nav-itemed")) { - ele.height(0); - ele.animate({height: height + "px"}, function () { - ele.css({height: "auto"}); - }); - } else { - ele.animate({height: 0}, function () { - ele.removeAttr("style"); - }); - } - } - }); + /** + * 添加新窗口 + */ + $("body").on("click", "#navBar .layui-nav-item a, #userInfo a", function () { + // 如果不存在子级 + if ($(this).siblings().length == 0) { + okTab.tabAdd($(this)); + } + // 关闭其他展开的二级标签 + $(this).parent("li").siblings().removeClass("layui-nav-itemed"); + if (!$(this).attr("lay-id")) { + var topLevelEle = $(this).parents("li.layui-nav-item"); + var childs = $("#navBar > li > dl.layui-nav-child").not(topLevelEle.children("dl.layui-nav-child")); + childs.removeAttr("style"); + } + }); - /** - * 左边菜单显隐功能 - */ - $(".ok-menu").click(function () { - $(".layui-layout-admin").toggleClass("ok-left-hide"); - $(this).find("i").toggleClass("ok-menu-hide"); - localStorage.setItem("isResize", false); - setTimeout(function () { - localStorage.setItem("isResize", true); - }, 1200); - }); + /** + * 左侧菜单展开动画 + */ + $("#navBar").on("click", ".layui-nav-item a", function () { + if (!$(this).attr("lay-id")) { + var superEle = $(this).parent(); + var ele = $(this).next('.layui-nav-child'); + var height = ele.height(); + ele.css({"display": "block"}); + // 是否是展开状态 + if (superEle.is(".layui-nav-itemed")) { + ele.height(0); + ele.animate({height: height + "px"}, function () { + ele.css({height: "auto"}); + }); + } else { + ele.animate({height: 0}, function () { + ele.removeAttr("style"); + }); + } + } + }); - /** - * 移动端的处理事件 - */ - $("body").on("click", ".layui-layout-admin .ok-left a[data-url], .ok-make", function () { - if ($(".layui-layout-admin").hasClass("ok-left-hide")) { - $(".layui-layout-admin").removeClass("ok-left-hide"); - $(".ok-menu").find('i').removeClass("ok-menu-hide"); - } - }); + /** + * 左边菜单显隐功能 + */ + $(".ok-menu").click(function () { + $(".layui-layout-admin").toggleClass("ok-left-hide"); + $(this).find("i").toggleClass("ok-menu-hide"); + localStorage.setItem("isResize", false); + setTimeout(function () { + localStorage.setItem("isResize", true); + }, 1200); + }); - /** - * tab左右移动 - */ - $("body").on("click", ".okNavMove", function () { - var moveId = $(this).attr("data-id"); - var that = this; - okTab.navMove(moveId, that); - }); + /** + * 移动端的处理事件 + */ + $("body").on("click", ".layui-layout-admin .ok-left a[data-url], .ok-make", function () { + if ($(".layui-layout-admin").hasClass("ok-left-hide")) { + $(".layui-layout-admin").removeClass("ok-left-hide"); + $(".ok-menu").find('i').removeClass("ok-menu-hide"); + } + }); - /** - * 刷新当前tab页 - */ - $("body").on("click", ".ok-refresh", function () { - okTab.refresh(this, function (okTab) { - //刷新之后所处理的事件 - }); - }); + /** + * tab左右移动 + */ + $("body").on("click", ".okNavMove", function () { + var moveId = $(this).attr("data-id"); + var that = this; + okTab.navMove(moveId, that); + }); - /** - * 关闭tab页 - */ - $("body").on("click", "#tabAction a", function () { - var num = $(this).attr("data-num"); - okTab.tabClose(num); - }); + /** + * 刷新当前tab页 + */ + $("body").on("click", ".ok-refresh", function () { + okTab.refresh(this, function (okTab) { + //刷新之后所处理的事件 + }); + }); - /** - * 键盘的事件监听 - */ - $("body").on("keydown", function (event) { - event = event || window.event || arguments.callee.caller.arguments[0]; + /** + * 关闭tab页 + */ + $("body").on("click", "#tabAction a", function () { + var num = $(this).attr("data-num"); + okTab.tabClose(num); + }); - // 按 Esc - if (event && event.keyCode === 27) { - console.log("Esc"); - $("#fullScreen").children("i").eq(0).removeClass("layui-icon-screen-restore"); - } - // 按 F11 - if (event && event.keyCode == 122) { - console.log("F11"); - $("#fullScreen").children("i").eq(0).addClass("layui-icon-screen-restore"); - } - }); + /** + * 键盘的事件监听 + */ + $("body").on("keydown", function (event) { + event = event || window.event || arguments.callee.caller.arguments[0]; - /** - * 全屏/退出全屏 - */ - $("body").on("click", "#fullScreen", function () { - if ($(this).children("i").hasClass("layui-icon-screen-restore")) { - screenFun(2).then(function () { - $("#fullScreen").children("i").eq(0).removeClass("layui-icon-screen-restore"); - }); - } else { - screenFun(1).then(function () { - $("#fullScreen").children("i").eq(0).addClass("layui-icon-screen-restore"); - }); - } - }); + // 按 Esc + if (event && event.keyCode === 27) { + console.log("Esc"); + $("#fullScreen").children("i").eq(0).removeClass("layui-icon-screen-restore"); + } + // 按 F11 + if (event && event.keyCode == 122) { + console.log("F11"); + $("#fullScreen").children("i").eq(0).addClass("layui-icon-screen-restore"); + } + }); - /** - * 全屏和退出全屏的方法 - * @param num 1代表全屏 2代表退出全屏 - * @returns {Promise} - */ - function screenFun(num) { - num = num || 1; - num = num * 1; - var docElm = document.documentElement; + /** + * 全屏/退出全屏 + */ + $("body").on("click", "#fullScreen", function () { + if ($(this).children("i").hasClass("layui-icon-screen-restore")) { + screenFun(2).then(function () { + $("#fullScreen").children("i").eq(0).removeClass("layui-icon-screen-restore"); + }); + } else { + screenFun(1).then(function () { + $("#fullScreen").children("i").eq(0).addClass("layui-icon-screen-restore"); + }); + } + }); - switch (num) { - case 1: - if (docElm.requestFullscreen) { - docElm.requestFullscreen(); - } else if (docElm.mozRequestFullScreen) { - docElm.mozRequestFullScreen(); - } else if (docElm.webkitRequestFullScreen) { - docElm.webkitRequestFullScreen(); - } else if (docElm.msRequestFullscreen) { - docElm.msRequestFullscreen(); - } - break; - case 2: - if (document.exitFullscreen) { - document.exitFullscreen(); - } else if (document.mozCancelFullScreen) { - document.mozCancelFullScreen(); - } else if (document.webkitCancelFullScreen) { - document.webkitCancelFullScreen(); - } else if (document.msExitFullscreen) { - document.msExitFullscreen(); - } - break; - } + /** + * 全屏和退出全屏的方法 + * @param num 1代表全屏 2代表退出全屏 + * @returns {Promise} + */ + function screenFun(num) { + num = num || 1; + num = num * 1; + var docElm = document.documentElement; - return new Promise(function (res, rej) { - res("返回值"); - }); - } + switch (num) { + case 1: + if (docElm.requestFullscreen) { + docElm.requestFullscreen(); + } else if (docElm.mozRequestFullScreen) { + docElm.mozRequestFullScreen(); + } else if (docElm.webkitRequestFullScreen) { + docElm.webkitRequestFullScreen(); + } else if (docElm.msRequestFullscreen) { + docElm.msRequestFullscreen(); + } + break; + case 2: + if (document.exitFullscreen) { + document.exitFullscreen(); + } else if (document.mozCancelFullScreen) { + document.mozCancelFullScreen(); + } else if (document.webkitCancelFullScreen) { + document.webkitCancelFullScreen(); + } else if (document.msExitFullscreen) { + document.msExitFullscreen(); + } + break; + } - /** - * 系统公告 - */ - $(document).on("click", "#notice", noticeFun); - !function () { - var notice = sessionStorage.getItem("notice"); - if (notice != "true") { - noticeFun(); - } - }(); + return new Promise(function (res, rej) { + res("返回值"); + }); + } - function noticeFun() { - var srcWidth = okUtils.getBodyWidth(); - layer.open({ - type: 0, title: "系统公告", btn: "我知道啦", btnAlign: 'c', content: okHoliday.getContent(), - yes: function (index) { - if (srcWidth > 800) { - layer.tips('公告跑到这里去啦', '#notice', { - tips: [1, '#000'], - time: 2000 - }); - } - sessionStorage.setItem("notice", "true"); - layer.close(index); - }, - cancel: function (index) { - if (srcWidth > 800) { - layer.tips('公告跑到这里去啦', '#notice', { - tips: [1, '#000'], - time: 2000 - }); - } - } - }); - } + /** + * 系统公告 + */ + $(document).on("click", "#notice", noticeFun); + !function () { + var notice = sessionStorage.getItem("notice"); + if (notice != "true") { + noticeFun(); + } + }(); - /** - * 捐赠作者 - */ - $(".layui-footer button.donate").click(function () { - layer.tab({ - area: ["330px", "350px"], - tab: [{ - title: "支付宝", - content: "" - }, { - title: "微信", - content: "" - }] - }); - }); + function noticeFun() { + var srcWidth = okUtils.getBodyWidth(); + layer.open({ + type: 0, title: "系统公告", btn: "我知道啦", btnAlign: 'c', content: okHoliday.getContent(), + yes: function (index) { + if (srcWidth > 800) { + layer.tips('公告跑到这里去啦', '#notice', { + tips: [1, '#000'], + time: 2000 + }); + } + sessionStorage.setItem("notice", "true"); + layer.close(index); + }, + cancel: function (index) { + if (srcWidth > 800) { + layer.tips('公告跑到这里去啦', '#notice', { + tips: [1, '#000'], + time: 2000 + }); + } + } + }); + } - /** - * QQ群交流 - */ - $("body").on("click", ".layui-footer button.communication, #noticeQQ", function () { - layer.tab({ - area: ["auto", "370px"], - tab: [{ - title: "QQ群3", - content: "" - }, { - title: "QQ群2（已满）", - content: "" - }, { - title: "QQ群1（已满）", - content: "" - }] - }); - }); + /** + * 捐赠作者 + */ + $(".layui-footer button.donate").click(function () { + layer.tab({ + area: ["330px", "350px"], + tab: [{ + title: "支付宝", + content: "" + }, { + title: "微信", + content: "" + }] + }); + }); - /** - * 弹窗皮肤 - */ - $("#alertSkin").click(function () { - okLayer.open("皮肤动画", "pages/system/alertSkin.html", "50%", "45%", function (layero) { - }, function () { - }); - }); + /** + * QQ群交流 + */ + $("body").on("click", ".layui-footer button.communication, #noticeQQ", function () { + layer.tab({ + area: ["auto", "370px"], + tab: [{ + title: "QQ群3", + content: "" + }, { + title: "QQ群2（已满）", + content: "" + }, { + title: "QQ群1（已满）", + content: "" + }] + }); + }); - /** - * 退出操作 - */ - $("#logout").click(function () { - okLayer.confirm("确定要退出吗？", function (index) { - okTab.removeTabStorage(function (res) { - okTab.removeTabStorage(); - window.location = "pages/login.html"; - }); - }); - }); + /** + * 弹窗皮肤 + */ + $("#alertSkin").click(function () { + okLayer.open("皮肤动画", "pages/system/alertSkin.html", "50%", "45%", function (layero) { + }, function () { + }); + }); - /** - * 锁定账户 - */ - $("#lock").click(function () { - okLayer.confirm("确定要锁定账户吗？", function (index) { - layer.close(index); - $(".yy").show(); - layer.prompt({ - btn: ['确定'], - title: '输入密码解锁(123456)', - closeBtn: 0, - formType: 1 - }, function (value, index, elem) { - if (value == "123456") { - layer.close(index); - $(".yy").hide(); - } else { - layer.msg('密码错误', {anim: 6, time: 1000}); - } - }); - }); - }); + /** + * 退出操作 + */ + $("#logout").click(function () { + okLayer.confirm("确定要退出吗？", function (index) { + okTab.removeTabStorage(function (res) { + okTab.removeTabStorage(); + window.location = "pages/login.html"; + }); + }); + }); - console.log(" __ .___ .__ \n" + - " ____ | | __ _____ __| _/_____ |__| ____ \n" + - " / _ \\| |/ / ______ \\__ \\ / __ |/ \\| |/ \\ \n" + - "( <_> ) < /_____/ / __ \\_/ /_/ | Y Y \\ | | \\\n" + - " \\____/|__|_ \\ (____ /\\____ |__|_| /__|___| /\n" + - " \\/ \\/ \\/ \\/ \\/\n" + - "" + - "版本：v2.0\n" + - "作者：bobi\n" + - "邮箱：bobi1234@foxmail.com\n" + - "企鹅：833539807\n" + - "描述：一个很赞的，扁平化风格的，响应式布局的后台管理模版，旨为后端程序员减压！"); + /** + * 锁定账户 + */ + $("#lock").click(function () { + okLayer.confirm("确定要锁定账户吗？", function (index) { + layer.close(index); + $(".yy").show(); + layer.prompt({ + btn: ['确定'], + title: '输入密码解锁(123456)', + closeBtn: 0, + formType: 1 + }, function (value, index, elem) { + if (value == "123456") { + layer.close(index); + $(".yy").hide(); + } else { + layer.msg('密码错误', {anim: 6, time: 1000}); + } + }); + }); + }); + + console.log(" __ .___ .__ \n" + + " ____ | | __ _____ __| _/_____ |__| ____ \n" + + " / _ \\| |/ / ______ \\__ \\ / __ |/ \\| |/ \\ \n" + + "( <_> ) < /_____/ / __ \\_/ /_/ | Y Y \\ | | \\\n" + + " \\____/|__|_ \\ (____ /\\____ |__|_| /__|___| /\n" + + " \\/ \\/ \\/ \\/ \\/\n" + + "" + + "版本：v2.0\n" + + "作者：bobi\n" + + "邮箱：bobi1234@foxmail.com\n" + + "企鹅：833539807\n" + + "描述：一个很赞的，扁平化风格的，响应式布局的后台管理模版，旨为后端程序员减压！"); }); diff --git a/pages/system/setting.html b/pages/system/setting.html new file mode 100644 index 0000000..67d1f1d --- /dev/null +++ b/pages/system/setting.html @@ -0,0 +1,54 @@ + + + + + 系统设置 + + + + +
    +
    +
    + +
    + + +
    +
    +
    +
    + + + + \ No newline at end of file