init

2026-01-05 12:47:14 +08:00
commit 1fc846fae3
1614 changed files with 162035 additions and 0 deletions
--- a/uni_modules/nutui-uni/components/popup/index.scss
+++ b/uni_modules/nutui-uni/components/popup/index.scss
@@ -0,0 +1,147 @@
+@import "../overlay/index";
+
+.nut-theme-dark {
+  .nut-popup {
+    background: $dark-background2;
+
+    &__close-icon {
+      color: $dark-color;
+    }
+  }
+}
+
+.nut-popup-slide {
+  &-center-enter-active,
+  &-center-leave-active {
+    transition-timing-function: ease;
+    transition-property: opacity;
+  }
+
+  &-center-enter-from,
+  &-center-leave-to {
+    opacity: 0;
+  }
+
+  &-top-enter-from,
+  &-top-leave-active {
+    transform: translate(0, -100%);
+  }
+
+  &-right-enter-from,
+  &-right-leave-active {
+    transform: translate(100%, 0);
+  }
+
+  &-bottom-enter-from,
+  &-bottom-leave-active {
+    transform: translate(0, 100%);
+  }
+
+  &-left-enter-from,
+  &-left-leave-active {
+    transform: translate(-100%, 0);
+  }
+}
+
+.nut-popup--center {
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+
+  &.round {
+    border-radius: $popup-border-radius;
+  }
+}
+
+.nut-popup--bottom {
+  bottom: 0;
+  left: 0;
+  width: 100%;
+
+  &.round {
+    border-radius: $popup-border-radius $popup-border-radius 0 0;
+  }
+
+  &--safebottom {
+    padding-bottom: constant(safe-area-inset-bottom);
+    padding-bottom: env(safe-area-inset-bottom);
+  }
+}
+
+.nut-popup--right {
+  top: 0;
+  right: 0;
+
+  &.round {
+    border-radius: $popup-border-radius 0 0 $popup-border-radius;
+  }
+}
+
+.nut-popup--left {
+  top: 0;
+  left: 0;
+
+  &.round {
+    border-radius: 0 $popup-border-radius $popup-border-radius 0;
+  }
+}
+
+.nut-popup--top {
+  top: 0;
+  left: 0;
+  width: 100%;
+
+  &.round {
+    border-radius: 0 0 $popup-border-radius $popup-border-radius;
+  }
+
+  &--safetop {
+    padding-top: var(--status-bar-height);
+    padding-top: constant(safe-area-inset-top);
+    padding-top: env(safe-area-inset-top);
+  }
+}
+
+.nut-popup {
+  position: fixed;
+  max-height: 100%;
+  overflow-y: auto;
+  background-color: $white;
+  -webkit-overflow-scrolling: touch;
+
+  &__close-icon {
+    position: absolute !important;
+    z-index: 1;
+    width: 30px;
+    height: 30px;
+    font-size: 18px;
+    line-height: 30px;
+    color: #969799;
+    text-align: center;
+    cursor: pointer;
+
+    &:active {
+      opacity: 0.7;
+    }
+
+    &--top-left {
+      top: $popup-close-icon-margin;
+      left: $popup-close-icon-margin;
+    }
+
+    &--top-right {
+      top: $popup-close-icon-margin;
+      right: $popup-close-icon-margin;
+    }
+
+    &--bottom-left {
+      bottom: $popup-close-icon-margin;
+      left: $popup-close-icon-margin;
+    }
+
+    &--bottom-right {
+      right: $popup-close-icon-margin;
+      bottom: $popup-close-icon-margin;
+    }
+  }
+}