From 88b63f2fc46742fd33711534fd9efb1b64bbb30d Mon Sep 17 00:00:00 2001 From: "Mr.X" Date: Mon, 4 Jun 2018 01:09:10 +0800 Subject: [PATCH] =?UTF-8?q?=E5=A4=A7=E4=BD=93=E6=A1=86=E6=9E=B6=E5=AE=8C?= =?UTF-8?q?=E6=88=90?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/okadmin.css | 61 ++++++++++++++---- index.html | 164 +++++++++++++++++++++++------------------------- user.html | 77 +++++++++++++++++++++++ welcome.html | 50 ++++++++------- 4 files changed, 233 insertions(+), 119 deletions(-) create mode 100644 user.html diff --git a/css/okadmin.css b/css/okadmin.css index c515c19..b3d7b84 100644 --- a/css/okadmin.css +++ b/css/okadmin.css @@ -1,26 +1,65 @@ @charset "utf-8"; @import "../lib/layui/css/layui.css"; -.layui-body { - border: 1px solid red; +.content-body { + position: absolute; + top: 46px; + right: 0px; + bottom: 42px; + left: 200px; + z-index: 1; + overflow: hidden; } -.layui-body .layui-tab { +.content-body .layui-tab-content { + position: absolute; + top: 50px; + bottom: 0px; + width: 100%; + padding: 0px; + overflow: hidden; +} + +/*使iframe高度100%,它的父类高度也需要100%*/ +.content-body .layui-tab-content .layui-tab-item { height: 100%; } -.layui-body .layui-tab .layui-tab-title { +.content-body .layui-tab-content .layui-tab-item iframe { + height: 100%; } -.layui-body .layui-tab .layui-tab-content { - height: 100%; +/*定义一些常量值*/ +.ok-body { + padding: 10px; } -.layui-body .layui-tab .layui-tab-content .layui-tab-item { - height: 100%; +.ok-body-breadcrumb { + position: relative; + z-index: 99; + line-height: 39px; + height: 39px; + padding: 0px 20px; + border-bottom: 1px solid rgb(229, 229, 229); + overflow: hidden; } -.layui-body .layui-tab .layui-tab-content .layui-tab-item iframe { - height: 100%; -} \ No newline at end of file +/* +.ok-search { + text-align: center; +} + +.ok-search input.layui-input { + width: 190px; +}*/ + +/*美化滚动条代码*/ +::-webkit-scrollbar{width:10px;height:10px;} +::-webkit-scrollbar-button:vertical{display:none;} +::-webkit-scrollbar-track:vertical{background-color:black;} +::-webkit-scrollbar-track-piece{background-color:#F5F5F5;} +::-webkit-scrollbar-thumb:vertical{margin-right:10px; background-color:#A6A6A6;} +::-webkit-scrollbar-thumb:vertical:hover{background-color:#aaa;} +::-webkit-scrollbar-corner:vertical{background-color:#535353;} +::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00;} \ No newline at end of file diff --git a/index.html b/index.html index c76456b..8778c65 100644 --- a/index.html +++ b/index.html @@ -10,105 +10,101 @@ -
- - -
-
- -
    -
  • - - 用户管理 - + - -
    - -
    -
      -
    • 控制台
    • -
    • 商品管理
    • -
    • 订单管理
    • -
    -
    -
    - -
    -
    内容2
    -
    内容3
    + + + +
    +
    +
      +
    • 控制台
    • +
    +
    +
    + +
    +
    +
    +
    + +
    - -
    - - + + + function tabTest() { + element.tabAdd("demo", { + title: "用户列表", + content: "", + id: "tt666" + }); + element.tabChange("demo","tt666"); + } + \ No newline at end of file diff --git a/user.html b/user.html new file mode 100644 index 0000000..ba176fa --- /dev/null +++ b/user.html @@ -0,0 +1,77 @@ + + + + + 用户列表 + + + + +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    昵称加入时间签名
    +
    +
    贤心2016-11-29人生就像是一场修行
    +
    +
    许闲心2016-11-28于千万人之中遇见你所遇见的人,于千万年之中,时间的无涯的荒野里…
    + +
    + + + + + \ No newline at end of file diff --git a/welcome.html b/welcome.html index 23f7f02..5e5cfbe 100644 --- a/welcome.html +++ b/welcome.html @@ -1,5 +1,5 @@ - + ok-admin | 很赞的后台模版 @@ -7,30 +7,32 @@ - + -
    - 欢迎管理员:test!当前时间:2018-04-25 20:50:53 -
    -
    - 数据统计 -

    666


    -

    666


    -

    666


    -

    666


    -

    666


    -

    666


    -

    666


    -

    666


    -

    666


    -

    666


    -

    666


    -

    666


    -

    666


    -

    666


    -

    666


    -

    666


    -
    +
    +
    + 欢迎管理员:test!当前时间:2018-04-25 20:50:53 +
    +
    + 数据统计 +

    666


    +

    666


    +

    666


    +

    666


    +

    666


    +

    666


    +

    666


    +

    666


    +

    666


    +

    666


    +

    666


    +

    666


    +

    666


    +

    666


    +

    666


    +

    666


    +
    +
    \ No newline at end of file