@nutui/nutui 3.1.16-beta.1 → 3.1.17

package/dist/packages/calendaritem/index.scss

@@ -2,52 +2,49 @@
   position: relative;
   display: flex;
   flex: 1;
-  height: 518px;
-  padding-top: 132px;
-  padding-bottom: 78px;
-  color: $calendar-base-color;
-  font-size: $calendar-base-font;
-  background-color: $white;
+  color: #333333;
+  font-size: 16px;
+  background-color: #fff;
   overflow: hidden;
-
+  height: 100%;
+  flex-direction: column;
   &.nut-calendar-tile {
-    height: 100%;
-    padding-top: 46px;
-    padding-bottom: 0;
-
     .nut-calendar-header {
       .calendar-title {
         font-size: $calendar-base-font;
       }
     }
   }
-
-  &.nut-calendar-nofooter {
-    padding-bottom: 0;
+  .nut-calendar-taro {
+    height: 60vh;
+  }
+  .popup-box {
+    height: 100%;
+  }
+  .nut-calendar-content {
+    overflow-y: auto;
+  }
+  ::-webkit-scrollbar {
+    display: none;
   }
 
   // 头部导航
   .nut-calendar-header {
-    position: absolute;
-    top: -1px;
-    left: 0;
-    right: 0;
     display: flex;
     flex-direction: column;
     text-align: center;
     padding-top: 1px;
     background-color: $white;
-    z-index: 1;
 
     .calendar-title {
-      padding-top: 22px;
       font-size: $calendar-title-font;
-      line-height: 25px;
-      border-radius: 12px 12px 0 0;
+      line-height: 44px;
+    }
+    .calendar-top-slot {
+      height: 24px;
     }
-
     .calendar-curr-month {
-      padding: 10px 0 7px;
+      padding: 7px 0;
       line-height: 22px;
     }
 
@@ -55,7 +52,8 @@
       display: flex;
       align-items: center;
       justify-content: space-around;
-      height: 46px;
+      height: 36px;
+      border-radius: 0px 0px 12px 12px;
       box-shadow: 0px 4px 10px 0px rgba($color: #000000, $alpha: 0.06);
 
       .calendar-week-item {
@@ -70,13 +68,17 @@
   // 月份
   .nut-calendar-content {
     flex: 1;
-
+    width: 100%;
+    display: block;
     .calendar-months-panel {
       position: relative;
       width: 100%;
       height: auto;
       display: block;
-
+      box-sizing: border-box;
+      .viewArea {
+        display: block;
+      }
       .calendar-month {
         display: flex;
         flex-direction: column;
@@ -109,14 +111,12 @@
 
       .calendar-month-con {
         overflow: hidden;
-
         .calendar-month-item {
           .calendar-month-day:nth-child(7n + 0),
           .calendar-month-day:nth-child(7n + 1) {
             color: $calendar-primary-color;
           }
         }
-
         .calendar-month-day {
           float: left;
           width: 14.28%;
@@ -127,24 +127,43 @@
           flex-direction: column;
           position: relative;
 
-          .calendar-curr-tips,
+          .calendar-curr-tips {
+            position: absolute;
+            width: 100%;
+          }
+
+          .calendar-curr-tip-curr {
+            position: absolute;
+            bottom: 6px;
+            width: 100%;
+            font-size: 12px;
+            line-height: 14px;
+          }
           .calendar-day-tip {
             position: absolute;
-            top: 10px;
+            bottom: 6px;
             width: 100%;
-            font-size: 11px;
-            line-height: 12px;
+            font-size: 12px;
+            line-height: 14px;
             color: $calendar-primary-color;
           }
-
+          .calendar-curr-tips-top {
+            top: 6px;
+          }
+          .calendar-curr-tips-bottom {
+            bottom: 6px;
+          }
           &-active {
             background-color: $calendar-primary-color;
             color: $white !important;
 
             .calendar-curr-tips {
+              // color: $white !important;
+              visibility: hidden;
+            }
+            .calendar-curr-tip-curr {
               visibility: hidden;
             }
-
             .calendar-day-tip {
               color: $white;
             }
@@ -159,7 +178,7 @@
           }
 
           .calendar-day {
-            padding: 4px 0;
+            padding: 2px 0;
             font-size: $calendar-day-font;
           }
         }
@@ -169,19 +188,15 @@
 
   // 底部导航
   .nut-calendar-footer {
-    position: absolute;
-    left: 0;
-    right: 0;
-    bottom: -1px;
     display: flex;
-    height: 78px;
+    height: 62px;
     width: 100%;
     background-color: $white;
 
     .calendar-confirm-btn {
       height: 44px;
       width: 100%;
-      margin: 14px 18px;
+      margin: 10px 18px;
       border-radius: 22px;
       background: $button-primary-background-color;
       color: $white;

package/dist/packages/elevator/index.scss

@@ -33,6 +33,9 @@
         padding: 0 20px;
         height: 30px;
         line-height: 30px;
+        &--highcolor {
+          color: $elevator-list-item-highcolor;
+        }
       }
     }
   }

package/dist/packages/infiniteloading/index.scss

@@ -29,7 +29,7 @@
     width: 100%;
     padding-top: 16px;
     font-size: $font-size-small;
-    color: $infinite-bottom-color;
+    color: $infiniteloading-bottom-color;
     text-align: center;
 
     .bottom-box {

package/dist/packages/input/index.scss

@@ -20,11 +20,13 @@
     }
   }
 
-  .input-text {
-    width: 230px;
+  .input-text,
+  &__text--readonly {
+    width: 90%;
     flex: 1;
     padding: 0 10px;
     padding-right: 35px;
+    text-align: left;
     outline: 0 none;
     border: 0;
     text-decoration: none;

package/dist/packages/range/index.scss

@@ -7,7 +7,7 @@
   .min,
   .max {
     font-size: $font-size-1;
-    color: $range-max;
+    color: $range-tip-font-color;
     user-select: none;
   }
 }
@@ -16,7 +16,7 @@
   position: relative;
   width: 100%;
   height: 3px;
-  background-color: $rang-bg-color;
+  background-color: $range-bg-color;
   border-radius: 2px;
   cursor: pointer;
   &::before {
@@ -33,7 +33,7 @@
     position: relative;
     width: 100%;
     height: 100%;
-    background: $rang-bar-bg-color;
+    background: $range-bar-bg-color;
     border-radius: inherit;
     transition: all 0.2s;
   }
@@ -75,7 +75,7 @@
       justify-content: center;
       user-select: none;
       font-size: $font-size-1;
-      color: $range-max;
+      color: $range-tip-font-color;
       transform: translate3d(0, -100%, 0);
     }
   }

package/dist/packages/row/index.scss

@@ -30,6 +30,9 @@
   &-justify-space-around {
     justify-content: space-around;
   }
+  &-justify-space-evenly {
+    justify-content: space-evenly;
+  }
   &-align-flex-start {
     align-items: flex-start;
   }

package/dist/packages/sticky/index.scss

@@ -0,0 +1,5 @@
+.nut-sticky {
+  &--fixed {
+    position: fixed;
+  }
+}

package/dist/packages/tabbar/index.scss

@@ -11,14 +11,16 @@
   &:last-child {
     border-right: 0;
   }
+
   &-bottom {
     position: fixed;
     bottom: 0px;
     left: 0px;
     z-index: 888;
   }
+
   &-safebottom {
-    padding-bottom: constant(safe-area-inset-bottom);
-    padding-bottom: env(safe-area-inset-bottom);
+    margin-bottom: constant(safe-area-inset-bottom);
+    margin-bottom: env(safe-area-inset-bottom);
   }
 }