Pārlūkot izejas kodu

layer弹窗

update
jqh 5 gadi atpakaļ
vecāks
revīzija
02fcb584d7

+ 1 - 1
resources/assets/dcat/sass/components/_button.scss

@@ -1,5 +1,5 @@
 .btn {
-  padding: 0 1.4rem!important;
+  padding: .75rem 1.4rem!important;
   font-size: .95rem;
   height: 36px;
   line-height: .7;

+ 47 - 0
resources/assets/dcat/sass/components/_layer.scss

@@ -0,0 +1,47 @@
+.layui-layer {
+  box-shadow: 0 2px 4px 0 rgba(0,0,0,.2)!important;
+}
+
+.layui-layer-title {
+  padding: 0 80px 0 20px;
+  height: 50px!important;
+  line-height: 50px!important;
+  border-bottom: 0!important;
+  font-size: 1rem!important;
+  text-transform: capitalize;
+  overflow: hidden;
+}
+.layui-layer-setwin .layui-layer-min cite {
+  background: transparent!important;
+  position: initial!important;
+}
+
+.layui-layer-setwin .layui-layer-min cite:before {
+  font-family: "feather";
+  content: "\e897";
+  font-size: 1.15rem;
+  color: $font-color;
+}
+
+.layui-layer-ico {
+  background: transparent!important;
+  color: $font-color;
+}
+
+.layui-layer-setwin .layui-layer-max:before {
+  font-family: "feather";
+  content: "\e908";
+  font-size: 1.1rem;
+}
+.layui-layer-setwin .layui-layer-maxmin:before {
+  content: "\e88d";
+}
+
+.layui-layer-setwin .layui-layer-close1:before {
+  font-family: "feather";
+  content: "\e8f6";
+  font-size: 1.15rem;
+}
+.layui-layer-setwin .layui-layer-close1 {
+  margin-left: 8px!important;
+}

+ 1 - 1
resources/assets/dcat/sass/components/_table.scss

@@ -26,7 +26,7 @@ table.data-list-view.dataTable, table.data-thumb-view.dataTable {
 }
 table.data-list-view.dataTable tbody tr:hover, table.data-thumb-view.dataTable tbody tr:hover {
   transform: none;
-  background: $dark20;
+  background: #fafafa;
 }
 
 

+ 2 - 1
resources/assets/dcat/sass/dcat-app.scss

@@ -43,7 +43,8 @@ body, .header-navbar, .navigation, .breadcrumb, h1, h2, h3, h4, h5 {
 @import "./components/card";
 // tree jquery.nestable
 @import "./components/nestable";
-
+// layer弹窗
+@import "./components/layer";
 
 body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation > li > a > i:before {
    font-size: 1.3rem;

+ 53 - 2
resources/dist/dcat/css/app.css

@@ -1735,7 +1735,7 @@ h5 {
 }
 
 .btn {
-  padding: 0 1.4rem !important;
+  padding: 0.75rem 1.4rem !important;
   font-size: 0.95rem;
   height: 36px;
   line-height: 0.7;
@@ -1808,7 +1808,7 @@ table.data-thumb-view.dataTable {
 table.data-list-view.dataTable tbody tr:hover,
 table.data-thumb-view.dataTable tbody tr:hover {
   transform: none;
-  background: #f6fbff;
+  background: #fafafa;
 }
 
 .data-list-view-header .table-responsive .top .dataTables_filter .form-control,
@@ -1911,6 +1911,57 @@ table.data-thumb-view.dataTable tbody tr:hover {
   content: "\E842" !important;
 }
 
+.layui-layer {
+  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2) !important;
+}
+
+.layui-layer-title {
+  padding: 0 80px 0 20px;
+  height: 50px !important;
+  line-height: 50px !important;
+  border-bottom: 0 !important;
+  font-size: 1rem !important;
+  text-transform: capitalize;
+  overflow: hidden;
+}
+
+.layui-layer-setwin .layui-layer-min cite {
+  background: transparent !important;
+  position: initial !important;
+}
+
+.layui-layer-setwin .layui-layer-min cite:before {
+  font-family: "feather";
+  content: "\E897";
+  font-size: 1.15rem;
+  color: #414750;
+}
+
+.layui-layer-ico {
+  background: transparent !important;
+  color: #414750;
+}
+
+.layui-layer-setwin .layui-layer-max:before {
+  font-family: "feather";
+  content: "\E908";
+  font-size: 1.1rem;
+}
+
+.layui-layer-setwin .layui-layer-maxmin:before {
+  content: "\E88D";
+}
+
+.layui-layer-setwin .layui-layer-close1:before {
+  font-family: "feather";
+  content: "\E8F6";
+  font-size: 1.15rem;
+}
+
+.layui-layer-setwin .layui-layer-close1 {
+  margin-left: 8px !important;
+}
+
 body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation > li > a > i:before {
   font-size: 1.3rem;
 }

+ 0 - 1
resources/views/layouts/vertical.blade.php

@@ -9,7 +9,6 @@
 
         console.log(123, Dcat)
         $(function () {
-
         })
     </script>