From d7486c19a312085a6a849e4debeda95b2435eea1 Mon Sep 17 00:00:00 2001 From: zhizou Date: Tue, 27 Aug 2019 16:04:56 +0800 Subject: [PATCH] =?UTF-8?q?fixed:=20=E7=A7=BB=E8=87=B3css?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/oksub.css | 22 +++ pages/console.html | 346 ++++++++++++---------------------- pages/console1.html | 173 +++++++---------- pages/help/navIcon.html | 2 + pages/help/navOperate.html | 2 + pages/help/plugDirectory.html | 2 + pages/login.html | 26 +-- 7 files changed, 227 insertions(+), 346 deletions(-) diff --git a/css/oksub.css b/css/oksub.css index 752d096..fe4ec37 100644 --- a/css/oksub.css +++ b/css/oksub.css @@ -32,6 +32,28 @@ ::-webkit-scrollbar-thumb:vertical:active{background-color: rgba(0,0,0,.38);} +/**控制台样式*/ +.console .home .layui-card{-webkit-box-shadow:0 0 20px rgba(0,0,0,.08);box-shadow:0 0 20px rgba(0,0,0,.08);border-radius:5px}.console .home .layui-card{-webkit-box-shadow:0 0 20px rgba(0,0,0,.08);box-shadow:0 0 20px rgba(0,0,0,.08);border-radius:5px}.console .cart-data .stat-text{color:#455a64;font-size:24px;padding-bottom:5px}.console .cart-data .stat-heading{color:#99abb4}.console .cart-data .img-box{display:inline-block;vertical-align:middle;padding-right:20px}.console .cart-data .img-box img{width:60px}.console .cart-data .cart-r{display:inline-block;vertical-align:middle}.console .map-body{height:360px}.console .map-china{height:360px}.console .progress-box{margin-bottom:20px;display:flex}.console .progress-box .por-title{font-weight:600;color:#868e96;padding-bottom:5px}.console .progress-box .por-txt{font-size:13px;padding-bottom:5px}.console .progress-box .pro-head{width:50px;height:50px;line-height:50px;display:inline-block;vertical-align:middle;float:left;overflow:hidden;padding-right:20px}.console .progress-box .pro-head img{background:#bea8ab;width:100%;height:100%;border-radius:100%}.console .progress-box .pro-data{display:inline-block;vertical-align:middle;flex:1}.console .data-body .w-img img{width:100%;height:100%}.console .cart-data .stat-text{color:#455a64;font-size:24px;padding-bottom:5px}.console .cart-data .stat-heading{color:#99abb4}.console .cart-data .img-box{display:inline-block;vertical-align:middle}.console .cart-data .img-box img{width:60px}.console .cart-data .cart-r{display:inline-block;vertical-align:middle;padding-left:20px}.console .ok-card-body{padding:20px;position:relative;width:100%;box-sizing:border-box} + +/*控制台*/ +.console1 .data-body .w-img{width:60px;height:60px}.console1 .data-body .w-img img{width:100%;height:100%}.console1 .line-home-a{height:60px}.console1 .data-body .media-cont .tit{font-size:16px;padding-bottom:5px}.console1 .data-body .media-cont .num{font-size:24px;line-height:22px}.console1 .data-body .media-cont{-ms-flex-align:center!important;align-items:center!important;-ms-flex:1 1 auto;flex:1 1 auto}.console1 .data-body{display:flex;padding:20px;padding-bottom:0;color:#333} + +/*登录*/ +#login .layui-icon{font-size:16px!important}#login .mag0{margin:0!important}#login ::selection{background:#ff5722;color:#fff}#login .layui-red{color:red!important;font-weight:700}#login .layui-blue{color:#01aaed!important}#login .layui-form-item.layui-input-focus input{border-color:#ff6700!important}#login .layui-block{width:100%!important}#login{width:100%;height:100%;background-image:url(../images/login-bg.jpg);position:relative}#login form.layui-form{padding:0 20px 20px 20px;width:300px;position:absolute;left:50%;top:50%;margin:-150px 0 0 -150px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:0 0 50px #009688}#login .login_face{margin:-55px auto 20px;width:100px;height:100px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:5px solid #fff;overflow:hidden;box-shadow:0 0 30px #009688;background:#fff}#login .login_face img{width:100%}#login .layui-form-item{position:relative}#login .layui-form-item label{position:absolute;color:#757575;left:10px;top:9px;line-height:20px;background:0 0;padding:0 5px;font-size:14px;cursor:text}#login #code{padding-right:110px}#login .captcha-box .img{position:absolute;top:1px;bottom:1px;right:1px;cursor:pointer;width:100px;background:#c4e1ce}#login .layui-form-item input{background:#fff!important}#login .layui-form-item input,#login .layui-form-item label{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}#login .layui-form-item input::placeholder{color:transparent!important}#login .layui-form-item.layui-input-focus input::placeholder{color:#757575!important}#login .layui-form-item.layui-input-active label,#login .layui-form-item.layui-input-focus label{top:-10px;font-size:12px;color:#ff6700;background:#fff!important} + + + + + + + + + + + + + + /*响应样式*/ @media screen and (max-width: 750px) { /*控制台*/ diff --git a/pages/console.html b/pages/console.html index 8cac153..c685e60 100644 --- a/pages/console.html +++ b/pages/console.html @@ -16,247 +16,151 @@ - - -
-
-
-
-
- none -
-
-
0
-
收入
-
-
-
-
- -
-
-
-
- none -
-
-
0
-
商品
-
-
-
-
- -
-
-
-
- none -
-
-
0
-
博客
-
-
-
-
- -
-
-
-
- none -
-
-
0
-
用户
-
-
-
-
-
- -
-
-
-
-
-
-
-
- -
-
-
-
用户排行榜
-
-
-
-
- none + +
+
+
+
+
+
+ none
-
-

Visits

-
用户比例
-
-
+
+
0
+
收入
+
+
+
+
+ +
+
+
+
+ none +
+
+
0
+
商品
+
+
+
+
+ +
+
+
+
+ none +
+
+
0
+
博客
+
+
+
+
+ +
+
+
+
+ none +
+
+
0
+
用户
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+
+
用户排行榜
+
+
+
+
+ none +
+
+

Visits

+
用户比例
+
+
+
-
-
-
- none -
-
-

Visits

-
用户比例
-
-
+
+
+ none +
+
+

Visits

+
用户比例
+
+
+
-
-
-
- none -
-
-

Visits

-
用户比例
-
-
+
+
+ none +
+
+

Visits

+
用户比例
+
+
+
-
-
-
- none -
-
-

Visits

-
用户比例
-
-
+
+
+ none +
+
+

Visits

+
用户比例
+
+
+
-
-
-
-
-
-
+
+
+
+
+
+
-
-
-
-
-
+
+
+
+
+
diff --git a/pages/console1.html b/pages/console1.html index 7f085b7..8329c72 100644 --- a/pages/console1.html +++ b/pages/console1.html @@ -15,134 +15,104 @@ - - -
-
-
-
-
-
-

收入

-
0
-
-
- 收入 + +
+
+
+
+
+
+
+

收入

+
0
+
+
+ 收入 +
+
-
-
-
-
-
-
-
-

商品

-
0
-
-
- 商品 +
+
+
+
+
+

商品

+
0
+
+
+ 商品 +
+
-
-
-
-
-
-
-
-

博客

-
0
-
-
- 博客 +
+
+
+
+
+

博客

+
0
+
+
+ 博客 +
+
-
-
-
-
-
-
-
-

用户

-
0
-
-
- 用户 +
+
+
+
+
+

用户

+
0
+
+
+ 用户 +
+
-
-
-
-
-
- -
-
-
-
-
今日用户活跃量
-
-
-
-
-
-
-
今日用户访问来源
+
+
+
+
+
今日用户活跃量
+
+
+
+
-
-
+
+ +
+
+
+
今日用户访问来源
+
+
+
+
-
-
+
@@ -154,6 +124,7 @@
+
diff --git a/pages/help/navIcon.html b/pages/help/navIcon.html index 7093cfc..a57c6d3 100644 --- a/pages/help/navIcon.html +++ b/pages/help/navIcon.html @@ -15,6 +15,8 @@

主要讲述如何设置导航的图标。

+
+

特别注意：必须要遵守指定的写法

1.默认的图标指向的值layui内置图标

2.要想使用ok-icon图标必须设置navs.json中的fontFamily属性和icon属性

diff --git a/pages/help/navOperate.html b/pages/help/navOperate.html index 7249155..126f8fd 100644 --- a/pages/help/navOperate.html +++ b/pages/help/navOperate.html @@ -15,6 +15,8 @@

主要讲述如何在内部页面添加导航。

+
+

特别注意：添加导航的同时必须要遵守指定的写法

1.必须指定一个html元素

2.此元素的属性必须有data-url和lay-id

diff --git a/pages/help/plugDirectory.html b/pages/help/plugDirectory.html index e269561..2cb0855 100644 --- a/pages/help/plugDirectory.html +++ b/pages/help/plugDirectory.html @@ -15,6 +15,8 @@

主要描述插件的目录和插件的引入。

+
+

1.如果你想使用countUp数字步进器，那么你需要引入一个countUp插件

diff --git a/pages/login.html b/pages/login.html
index 6f81d0a..3c0d218 100644
--- a/pages/login.html
+++ b/pages/login.html
@@ -11,29 +11,7 @@
     
     
     
-    
+    
 
 
 

@@ -91,7 +69,7 @@
          */
         form.on("submit(login)", function (data) {
             okUtils.ajax(okMock.api.login, "post", data.field).done(function (response) {
-                console.log(response)
+                console.log(response);
                 okLayer.msg.greenTick(response.msg, function () {
                     window.location = "../index.html";
                 })