From 0461829f58026d2460cf53ade876c8324cc5defb Mon Sep 17 00:00:00 2001 From: bobi Date: Wed, 26 Jun 2019 00:21:04 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E5=BC=B9=E7=AA=97=E7=9A=AE?= =?UTF-8?q?=E8=82=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 11 +- js/okadmin.js | 7 + lib/layui/lay/okmodules/okLayer.js | 6 +- pages/system/alertSkin.html | 100 +++++++ pages/system/system-setting.html | 416 ++++++++++++++--------------- 5 files changed, 324 insertions(+), 216 deletions(-) create mode 100644 pages/system/alertSkin.html diff --git a/index.html b/index.html index 985a965..54cf2cd 100644 --- a/index.html +++ b/index.html @@ -32,11 +32,12 @@ bobi
-
个人中心
-
基本资料
-
消息中心
-
安全设置
-
锁定账户
+
个人中心
+
基本资料
+
消息中心
+
安全设置
+
弹窗皮肤
+
锁定账户
  • 退出
    • diff --git a/js/okadmin.js b/js/okadmin.js index 2888dd7..601612c 100644 --- a/js/okadmin.js +++ b/js/okadmin.js @@ -95,6 +95,13 @@ layui.use(["element", "layer", "okTab", "okMenu", "okUtils", "okLayer"], functio }); }); + /** + * 弹窗皮肤 + */ + $("#alertSkin").click(function () { + okLayer.open("弹窗皮肤", "pages/system/alertSkin.html", "50%", "45%", function (layero) {}, function () {}); + }); + /** * 锁定账户 */ diff --git a/lib/layui/lay/okmodules/okLayer.js b/lib/layui/lay/okmodules/okLayer.js index f11769d..bdb5236 100644 --- a/lib/layui/lay/okmodules/okLayer.js +++ b/lib/layui/lay/okmodules/okLayer.js @@ -84,7 +84,7 @@ layui.define(["layer"], function (exports) { var storage = window.localStorage; var skin = storage.getItem("skin"); if (skin == 1) { - // 默认皮肤 + // 灰白色 return ""; } else if (skin == 2) { // 墨绿色 @@ -92,7 +92,7 @@ layui.define(["layer"], function (exports) { } else if (skin == 3) { // 蓝色 return "layui-layer-lan"; - } else if (skin == 4) { + } else if (!skin || skin == 4) { // 随机颜色 var skinArray = ["", "layui-layer-molv", "layui-layer-lan"]; return skinArray[Math.floor(Math.random() * skinArray.length)]; @@ -109,7 +109,7 @@ layui.define(["layer"], function (exports) { if (animArray.indexOf(anim) > -1) { // 用户选择的动画 return anim; - } else if (anim == 7) { + } else if (!anim || anim == 7) { // 随机动画 return Math.floor(Math.random() * animArray.length); } diff --git a/pages/system/alertSkin.html b/pages/system/alertSkin.html new file mode 100644 index 0000000..f618d8f --- /dev/null +++ b/pages/system/alertSkin.html @@ -0,0 +1,100 @@ + + + + + 编辑用户 + + + + +
    + +
    + + 顶部导航 + 弹窗皮肤 + + + + +
    + +
    +
    + +
    + + + + +
    +
    +
    + +
    + + + + + + + + +
    +
    +
    +
    + + +
    +
    +
    +
    + + + + + diff --git a/pages/system/system-setting.html b/pages/system/system-setting.html index 27f425a..3e28999 100644 --- a/pages/system/system-setting.html +++ b/pages/system/system-setting.html @@ -1,211 +1,211 @@ - - - - - 网站配置 - - - - -
    - -
    - - 首页 - 系统管理 - 网站配置 - - - - -
    - -
    -
      -
    • 弹窗皮肤/动画
      • -
    • 网站皮肤
      • -
    • 系统基本参数
      • -
    • 待开发1
      • -
    • 待开发2
      • -
    -
    - -
    -
    - 推荐配置：弹窗皮肤（墨绿色），弹窗动画（随机） -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - -
    类别说明参数值
    弹窗皮肤控制了msg()、confirm()、open()方法的弹窗皮肤 - -
    弹窗动画控制了msg()、confirm()、open()方法的弹窗动画 - -
    -
    - - -
    -
    -
    - -
    网站皮肤
    - -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    参数说明变量名参数值
    网站名称website
    当前版本version
    开发作者author
    网站首页homePage
    服务器环境server
    数据库版本dataBase
    最大上传限制maxUpload
    用户权限userRights
    网站关键字keywords
    网站描述description
    版权信息powerby
    网站备案号record
    -
    - - -
    -
    -
    -
    待开发1
    -
    待开发2
    -
    -
    -
    - - - - - + + + + + + + +