diff --git a/css/okadmin.css b/css/okadmin.css index d8e467a..460e37e 100644 --- a/css/okadmin.css +++ b/css/okadmin.css @@ -1,11 +1,11 @@ @import "../lib/layui/css/layui.css"; -@import "../lib/fonts/okfont.css"; -@import "../lib/fonts/myfont.css"; +@import "../lib/fonts/okfont/iconfont.css"; +/*@import "../lib/fonts/myfont.css";*/ #navBar .layui-nav-child { /*transition: height .5s;*/ overflow: hidden; - padding: 5px 0 !important; + padding: 0 !important; } #navBar .layui-nav-itemed .layui-nav-child, diff --git a/data/navs.json b/data/navs.json index f8ab9a0..e71db45 100644 --- a/data/navs.json +++ b/data/navs.json @@ -3,7 +3,7 @@ "title": "控制台", "href": "pages/console.html", "fontFamily": "ok-icon", - "icon": "", + "icon": "", "spread": true, "isCheck": true }, @@ -11,7 +11,7 @@ "title": "控制台示例", "href": "", "fontFamily": "ok-icon", - "icon": "", + "icon": "", "children": [ { "title": "控制台一", @@ -55,8 +55,8 @@ "children": [ { "title": "地图", - "fontFamily": "my-icon", - "icon": "my-iconditu", + "fontFamily": "ok-icon", + "icon": "", "spread": false, "children": [ { @@ -75,8 +75,8 @@ }, { "title": "数据图", - "fontFamily": "my-icon", - "icon": "my-icontubiao", + "fontFamily": "ok-icon", + "icon": "ok-icon-shuju1", "spread": false, "children": [ { @@ -166,7 +166,8 @@ { "title": "系统管理", "href": "", - "icon": "", + "fontFamily": "ok-icon", + "icon": "", "spread": false, "children": [ { @@ -243,7 +244,7 @@ { "title": "多级导航", "fontFamily": "ok-icon", - "icon": "ok-iconnavigation-2", + "icon": "", "spread": false, "children": [ { @@ -305,36 +306,36 @@ { "title": "框架使用", "fontFamily": "ok-icon", - "icon": "", + "icon": "ok-icon-yooxi", "spread": false, "children": [ { "title": "字体图标", - "href": "pages/other/okfont.html", + "href": "pages/help/ok_font.html", "icon": "", "spread": false }, { "title": "插件目录", - "href": "pages/help/plugDirectory.html", + "href": "pages/help/plug_directory.html", "icon": "", "spread": false }, { "title": "内部添加导航", - "href": "pages/help/navOperate.html", + "href": "pages/help/nav_operate.html", "icon": "", "spread": false }, { "title": "导航的图标", - "href": "pages/help/navIcon.html", + "href": "pages/help/nav_icon.html", "icon": "", "spread": false }, { "title": "导航的参数", - "href": "pages/help/navParameter.html", + "href": "pages/help/nav_parameter.html", "icon": "", "spread": false } diff --git a/index.html b/index.html index 27e75a5..0bded9f 100644 --- a/index.html +++ b/index.html @@ -44,7 +44,7 @@
--主要讲述如何设置导航的图标。
-
--特别注意:必须要遵守指定的写法
-1.默认的图标指向的值layui内置图标
-2.要想使用ok-icon图标必须设置navs.json中的fontFamily属性和icon属性
-
-{
- "title": "后台首页",
- "fontFamily":"ok-icon",
- "icon":"ok-iconairplay",
- "href": "pages/home.html",
-},
-{
- "title": "后台首页",
- "fontFamily":"ok-icon",
- "icon":"",
- "href": "pages/home.html",
-}
-
---主要讲述如何在内部页面添加导航。
-
--特别注意:添加导航的同时必须要遵守指定的写法
-1.必须指定一个html元素
-2.此元素的属性必须有data-url和lay-id
-3.data-url属性表示指定的页面且必须是网站的绝对路径
-4.lay-id属性,请不要以数字开头,推荐以字母开头,长度不限
-5.当lay-id重复时,那么则只会打开一个,后者只会定位到当前选项卡
-
- layui.use(function(){
- var okTab = parent.objOkTab;//获取父级的okTab;layui.okTab()不推荐这样获取
- var page = '<div lay-id="add-1" data-url="/pages/user/user.html">个人中心</div>';
- okTab.tabAdd(page);
- })
-
- --主要讲述导航参数的说明。
-
-{
- "title": "后台首页", //导航标题
- "fontFamily": "ok-icon", //标题的字体图标来源
- "icon": "ok-iconairplay", //制定字体图标
- "href": "pages/home.html", //指向的页面路径
- "isClose": true, //设置导航页是否关闭(默认true)
- "spread": false, //设置是否打开
- "isCheck": false //是否选中
- "target":"_blank" //打开方式 _blank:覆盖当前窗口
- "children": [{}] //子导航 参数同上(可嵌套无限个)
-}
-
---主要描述插件的目录和插件的引入。
-
--1.如果你想使用countUp数字步进器,那么你需要引入一个countUp插件
-
-引入插件并加载一个插件
-layui.use(['countUp'], function () {
- var countUp = layui.countUp;
- var page = '<div lay-id="add-1" data-url="/pages/user/user.html">个人中心</div>';
- okTab.tabAdd(page);
-});
-
-Generated by IcoMoon
-