💄 优化弹出层输入框样式

Licoy · Jan 29, 2023 · ff159e9 · ff159e9
1 parent 9b8fe27
commit ff159e9
Show file tree

Hide file tree

Showing 7 changed files with 59 additions and 34 deletions.
diff --git a/assets/dist/js/libs.min.js b/assets/dist/js/libs.min.js
diff --git a/assets/dist/style/common.min.css b/assets/dist/style/common.min.css
diff --git a/assets/dist/style/libs.min.css b/assets/dist/style/libs.min.css
diff --git a/assets/dist/style/screen.min.css b/assets/dist/style/screen.min.css
diff --git a/assets/dist/style/style.min.css b/assets/dist/style/style.min.css
diff --git a/assets/style/common.less b/assets/style/common.less
@@ -249,7 +249,7 @@ a {
   --bs-alert-padding-x: .7rem;
   --bs-alert-padding-y: .7rem;
 
-  &.alert-outline{
+  &.alert-outline {
     border: 1px dashed;
     background-color: transparent !important;
     color: var(--pk-c-font) !important;
@@ -274,10 +274,10 @@ a {
   }
 }
 
-.list-group{
-  --bs-list-group-bg:var(--pk-bg-box);
-  --bs-list-group-color:var(--pk-c-font);
-  --bs-list-group-border-color:var(--pk-c-border);
+.list-group {
+  --bs-list-group-bg: var(--pk-bg-box);
+  --bs-list-group-color: var(--pk-c-font);
+  --bs-list-group-border-color: var(--pk-c-border);
 }
 
 .mtb10 {
@@ -469,6 +469,15 @@ a {
   cursor: pointer;
 }
 
+.curph {
+  transition: all .3s;
+  cursor: pointer;
+
+  &:hover {
+    opacity: 0.8;
+  }
+}
+
 .h-scroll {
   white-space: nowrap;
   overflow-y: auto;
@@ -585,9 +594,11 @@ a {
 
 .pk-skeleton {
   animation: skeleton-loading 1s linear infinite;
-  &:not(:last-child){
+
+  &:not(:last-child) {
     margin-bottom: var(--pk-g-basic-distance);
   }
+
   &._comment {
     display: flex;
     align-items: flex-start;
@@ -637,24 +648,31 @@ a {
       }
     }
   }
-  &._default{
-    &>div{
-      @h:12px;
-      &:nth-child(1){
+
+  &._default {
+    & > div {
+      @h: 12px;
+
+      &:nth-child(1) {
         .--pk-wh(50%, @h);
       }
-      &:nth-child(2){
+
+      &:nth-child(2) {
         .--pk-wh(57%, @h);
       }
-      &:nth-child(3){
+
+      &:nth-child(3) {
         .--pk-wh(45%, @h);
       }
-      &:nth-child(4){
+
+      &:nth-child(4) {
         .--pk-wh(78%, @h);
       }
-      &:nth-child(5){
+
+      &:nth-child(5) {
         .--pk-wh(64%, @h);
       }
+
       background-color: var(--pk-bg-skeleton);
       border-radius: 6px;
 

diff --git a/assets/style/style.less b/assets/style/style.less
@@ -138,6 +138,14 @@ blockquote {
       }
     }
   }
+
+  &.layui-layer-prompt .layui-layer-input{
+    background-color: var(--pk-bg-box-content) !important;
+    border: none !important;
+    color: var(--pk-c-font);
+    border-radius: var(--pk-g-box-radius);
+    font-size: 14px;
+  }
 }
 
 .layui-layer-loading {
@@ -652,7 +660,7 @@ a:hover {
 }
 
 .btn:hover,
-.btn:focus, .form-control:hover, .form-control:focus, button:focus, .abc-checkbox label:focus, .form-check-input:focus {
+.btn:focus, .form-control:hover, .form-control:focus, button:focus, .abc-checkbox label:focus, .form-check-input:focus,.layui-layer-input,.layui-layer-input:focus {
   outline: none;
   box-shadow: none;
 }