|
|
@@ -1,617 +0,0 @@
|
|
|
-@-webkit-keyframes nutFadeIn {
|
|
|
-from {
|
|
|
- opacity: 0;
|
|
|
-}
|
|
|
-to {
|
|
|
- opacity: 1;
|
|
|
-}
|
|
|
-}
|
|
|
-@keyframes nutFadeIn {
|
|
|
-from {
|
|
|
- opacity: 0;
|
|
|
-}
|
|
|
-to {
|
|
|
- opacity: 1;
|
|
|
-}
|
|
|
-}
|
|
|
-@-webkit-keyframes nutFadeOut {
|
|
|
-from {
|
|
|
- opacity: 1;
|
|
|
-}
|
|
|
-to {
|
|
|
- opacity: 0;
|
|
|
-}
|
|
|
-}
|
|
|
-@keyframes nutFadeOut {
|
|
|
-from {
|
|
|
- opacity: 1;
|
|
|
-}
|
|
|
-to {
|
|
|
- opacity: 0;
|
|
|
-}
|
|
|
-}
|
|
|
-.nutFade-enter-active,
|
|
|
-.nutFadeIn,
|
|
|
-.nutFade-leave-active,
|
|
|
-.nutFadeOut {
|
|
|
- -webkit-animation-duration: 0.25s;
|
|
|
- animation-duration: 0.25s;
|
|
|
- -webkit-animation-fill-mode: both;
|
|
|
- animation-fill-mode: both;
|
|
|
- -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
|
|
|
- animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
|
|
|
-}
|
|
|
-.nutFade-enter-active,
|
|
|
-.nutFadeIn {
|
|
|
- -webkit-animation-name: nutFadeIn;
|
|
|
- animation-name: nutFadeIn;
|
|
|
-}
|
|
|
-.nutFade-leave-active,
|
|
|
-.nutFadeOut {
|
|
|
- -webkit-animation-name: nutFadeOut;
|
|
|
- animation-name: nutFadeOut;
|
|
|
-}
|
|
|
-@-webkit-keyframes nutZoomIn {
|
|
|
-from {
|
|
|
- opacity: 0;
|
|
|
- -webkit-transform: scale3d(0.3, 0.3, 0.3);
|
|
|
- transform: scale3d(0.3, 0.3, 0.3);
|
|
|
-}
|
|
|
-50% {
|
|
|
- opacity: 1;
|
|
|
-}
|
|
|
-}
|
|
|
-@keyframes nutZoomIn {
|
|
|
-from {
|
|
|
- opacity: 0;
|
|
|
- -webkit-transform: scale3d(0.3, 0.3, 0.3);
|
|
|
- transform: scale3d(0.3, 0.3, 0.3);
|
|
|
-}
|
|
|
-50% {
|
|
|
- opacity: 1;
|
|
|
-}
|
|
|
-}
|
|
|
-@-webkit-keyframes nutZoomOut {
|
|
|
-from {
|
|
|
- opacity: 1;
|
|
|
-}
|
|
|
-50% {
|
|
|
- opacity: 0;
|
|
|
- -webkit-transform: scale3d(0.3, 0.3, 0.3);
|
|
|
- transform: scale3d(0.3, 0.3, 0.3);
|
|
|
-}
|
|
|
-to {
|
|
|
- opacity: 0;
|
|
|
-}
|
|
|
-}
|
|
|
-@keyframes nutZoomOut {
|
|
|
-from {
|
|
|
- opacity: 1;
|
|
|
-}
|
|
|
-50% {
|
|
|
- opacity: 0;
|
|
|
- -webkit-transform: scale3d(0.3, 0.3, 0.3);
|
|
|
- transform: scale3d(0.3, 0.3, 0.3);
|
|
|
-}
|
|
|
-to {
|
|
|
- opacity: 0;
|
|
|
-}
|
|
|
-}
|
|
|
-.nutZoom-enter-active,
|
|
|
-.nutZoomIn,
|
|
|
-.nutZoom-leave-active,
|
|
|
-.nutZoomOut {
|
|
|
- -webkit-animation-duration: 0.25s;
|
|
|
- animation-duration: 0.25s;
|
|
|
- -webkit-animation-fill-mode: both;
|
|
|
- animation-fill-mode: both;
|
|
|
- -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
|
|
|
- animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
|
|
|
-}
|
|
|
-.nutZoom-enter-active,
|
|
|
-.nutZoomIn {
|
|
|
- -webkit-animation-name: nutZoomIn;
|
|
|
- animation-name: nutZoomIn;
|
|
|
-}
|
|
|
-.nutZoom-leave-active,
|
|
|
-.nutZoomOut {
|
|
|
- -webkit-animation-name: nutZoomOut;
|
|
|
- animation-name: nutZoomOut;
|
|
|
-}
|
|
|
-@-webkit-keyframes nutEaseIn {
|
|
|
-0% {
|
|
|
- opacity: 0;
|
|
|
- -webkit-transform: scale(0.9);
|
|
|
- transform: scale(0.9);
|
|
|
-}
|
|
|
-100% {
|
|
|
- opacity: 1;
|
|
|
- -webkit-transform: scale(1);
|
|
|
- transform: scale(1);
|
|
|
-}
|
|
|
-}
|
|
|
-@keyframes nutEaseIn {
|
|
|
-0% {
|
|
|
- opacity: 0;
|
|
|
- -webkit-transform: scale(0.9);
|
|
|
- transform: scale(0.9);
|
|
|
-}
|
|
|
-100% {
|
|
|
- opacity: 1;
|
|
|
- -webkit-transform: scale(1);
|
|
|
- transform: scale(1);
|
|
|
-}
|
|
|
-}
|
|
|
-@-webkit-keyframes nutEaseOut {
|
|
|
-0% {
|
|
|
- opacity: 1;
|
|
|
- -webkit-transform: scale(1);
|
|
|
- transform: scale(1);
|
|
|
-}
|
|
|
-100% {
|
|
|
- opacity: 0;
|
|
|
- -webkit-transform: scale(0.9);
|
|
|
- transform: scale(0.9);
|
|
|
-}
|
|
|
-}
|
|
|
-@keyframes nutEaseOut {
|
|
|
-0% {
|
|
|
- opacity: 1;
|
|
|
- -webkit-transform: scale(1);
|
|
|
- transform: scale(1);
|
|
|
-}
|
|
|
-100% {
|
|
|
- opacity: 0;
|
|
|
- -webkit-transform: scale(0.9);
|
|
|
- transform: scale(0.9);
|
|
|
-}
|
|
|
-}
|
|
|
-.nutEase-enter-active,
|
|
|
-.nutEaseIn,
|
|
|
-.nutEase-leave-active,
|
|
|
-.nutEaseOut {
|
|
|
- -webkit-animation-duration: 0.25s;
|
|
|
- animation-duration: 0.25s;
|
|
|
- -webkit-animation-fill-mode: both;
|
|
|
- animation-fill-mode: both;
|
|
|
- -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
|
|
|
- animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
|
|
|
-}
|
|
|
-.nutEase-enter-active,
|
|
|
-.nutEaseIn {
|
|
|
- -webkit-animation-name: nutEaseIn;
|
|
|
- animation-name: nutEaseIn;
|
|
|
-}
|
|
|
-.nutEase-leave-active,
|
|
|
-.nutEaseOut {
|
|
|
- -webkit-animation-name: nutEaseOut;
|
|
|
- animation-name: nutEaseOut;
|
|
|
-}
|
|
|
-@-webkit-keyframes nutDropIn {
|
|
|
-0% {
|
|
|
- opacity: 0;
|
|
|
- -webkit-transform: scaleY(0.8);
|
|
|
- transform: scaleY(0.8);
|
|
|
-}
|
|
|
-100% {
|
|
|
- opacity: 1;
|
|
|
- -webkit-transform: scaleY(1);
|
|
|
- transform: scaleY(1);
|
|
|
-}
|
|
|
-}
|
|
|
-@keyframes nutDropIn {
|
|
|
-0% {
|
|
|
- opacity: 0;
|
|
|
- -webkit-transform: scaleY(0.8);
|
|
|
- transform: scaleY(0.8);
|
|
|
-}
|
|
|
-100% {
|
|
|
- opacity: 1;
|
|
|
- -webkit-transform: scaleY(1);
|
|
|
- transform: scaleY(1);
|
|
|
-}
|
|
|
-}
|
|
|
-@-webkit-keyframes nutDropOut {
|
|
|
-0% {
|
|
|
- opacity: 1;
|
|
|
- -webkit-transform: scaleY(1);
|
|
|
- transform: scaleY(1);
|
|
|
-}
|
|
|
-100% {
|
|
|
- opacity: 0;
|
|
|
- -webkit-transform: scaleY(0.8);
|
|
|
- transform: scaleY(0.8);
|
|
|
-}
|
|
|
-}
|
|
|
-@keyframes nutDropOut {
|
|
|
-0% {
|
|
|
- opacity: 1;
|
|
|
- -webkit-transform: scaleY(1);
|
|
|
- transform: scaleY(1);
|
|
|
-}
|
|
|
-100% {
|
|
|
- opacity: 0;
|
|
|
- -webkit-transform: scaleY(0.8);
|
|
|
- transform: scaleY(0.8);
|
|
|
-}
|
|
|
-}
|
|
|
-.nutDrop-enter-active,
|
|
|
-.nutDropIn,
|
|
|
-.nutDrop-leave-active,
|
|
|
-.nutDropOut {
|
|
|
- -webkit-animation-duration: 0.25s;
|
|
|
- animation-duration: 0.25s;
|
|
|
- -webkit-animation-fill-mode: both;
|
|
|
- animation-fill-mode: both;
|
|
|
- -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
|
|
|
- animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
|
|
|
-}
|
|
|
-.nutDrop-enter-active,
|
|
|
-.nutDropIn {
|
|
|
- -webkit-animation-name: nutDropIn;
|
|
|
- animation-name: nutDropIn;
|
|
|
-}
|
|
|
-.nutDrop-leave-active,
|
|
|
-.nutDropOut {
|
|
|
- -webkit-animation-name: nutDropOut;
|
|
|
- animation-name: nutDropOut;
|
|
|
-}
|
|
|
-@-webkit-keyframes rotation {
|
|
|
-0% {
|
|
|
- -webkit-transform: rotate(0deg);
|
|
|
-}
|
|
|
-100% {
|
|
|
- -webkit-transform: rotate(360deg);
|
|
|
-}
|
|
|
-}
|
|
|
-@keyframes rotation {
|
|
|
-0% {
|
|
|
- -webkit-transform: rotate(0deg);
|
|
|
-}
|
|
|
-100% {
|
|
|
- -webkit-transform: rotate(360deg);
|
|
|
-}
|
|
|
-}
|
|
|
-.nutRotate-enter-active,
|
|
|
-.nutRotateIn,
|
|
|
-.nutRotate-leave-active,
|
|
|
-.nutRotateOut {
|
|
|
- -webkit-animation-duration: 0.25s;
|
|
|
- animation-duration: 0.25s;
|
|
|
- -webkit-animation-fill-mode: both;
|
|
|
- animation-fill-mode: both;
|
|
|
- -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
|
|
|
- animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
|
|
|
-}
|
|
|
-.nutRotate-enter-active,
|
|
|
-.nutRotateIn {
|
|
|
- -webkit-animation-name: nutRotateIn;
|
|
|
- animation-name: nutRotateIn;
|
|
|
-}
|
|
|
-.nutRotate-leave-active,
|
|
|
-.nutRotateOut {
|
|
|
- -webkit-animation-name: nutRotateOut;
|
|
|
- animation-name: nutRotateOut;
|
|
|
-}
|
|
|
-@-webkit-keyframes nutJump {
|
|
|
-to {
|
|
|
- -webkit-transform: scale3d(0.8, 1, 0.9) translateY(-20rpx);
|
|
|
- transform: scale3d(0.8, 1, 0.9) translateY(-20rpx);
|
|
|
-}
|
|
|
-}
|
|
|
-@keyframes nutJump {
|
|
|
-to {
|
|
|
- -webkit-transform: scale3d(0.8, 1, 0.9) translateY(-20rpx);
|
|
|
- transform: scale3d(0.8, 1, 0.9) translateY(-20rpx);
|
|
|
-}
|
|
|
-}
|
|
|
-@-webkit-keyframes nutJumpOne {
|
|
|
-50% {
|
|
|
- -webkit-transform: scale3d(0.8, 1, 0.9) translateY(-20rpx);
|
|
|
- transform: scale3d(0.8, 1, 0.9) translateY(-20rpx);
|
|
|
-}
|
|
|
-100% {
|
|
|
- -webkit-transform: scale3d(1, 1, 1) translateY(0);
|
|
|
- transform: scale3d(1, 1, 1) translateY(0);
|
|
|
-}
|
|
|
-}
|
|
|
-@keyframes nutJumpOne {
|
|
|
-50% {
|
|
|
- -webkit-transform: scale3d(0.8, 1, 0.9) translateY(-20rpx);
|
|
|
- transform: scale3d(0.8, 1, 0.9) translateY(-20rpx);
|
|
|
-}
|
|
|
-100% {
|
|
|
- -webkit-transform: scale3d(1, 1, 1) translateY(0);
|
|
|
- transform: scale3d(1, 1, 1) translateY(0);
|
|
|
-}
|
|
|
-}
|
|
|
-@-webkit-keyframes nutBlink {
|
|
|
-0% {
|
|
|
- opacity: 0;
|
|
|
-}
|
|
|
-100% {
|
|
|
- opacity: 1;
|
|
|
-}
|
|
|
-}
|
|
|
-@keyframes nutBlink {
|
|
|
-0% {
|
|
|
- opacity: 0;
|
|
|
-}
|
|
|
-100% {
|
|
|
- opacity: 1;
|
|
|
-}
|
|
|
-}
|
|
|
-@-webkit-keyframes nutBreathe {
|
|
|
-from, to {
|
|
|
- -webkit-transform: scale(1);
|
|
|
- transform: scale(1);
|
|
|
-}
|
|
|
-50% {
|
|
|
- -webkit-transform: scale(1.2);
|
|
|
- transform: scale(1.2);
|
|
|
-}
|
|
|
-}
|
|
|
-@keyframes nutBreathe {
|
|
|
-from, to {
|
|
|
- -webkit-transform: scale(1);
|
|
|
- transform: scale(1);
|
|
|
-}
|
|
|
-50% {
|
|
|
- -webkit-transform: scale(1.2);
|
|
|
- transform: scale(1.2);
|
|
|
-}
|
|
|
-}
|
|
|
-@-webkit-keyframes nutFlash {
|
|
|
-from, 50%, to {
|
|
|
- opacity: 1;
|
|
|
-}
|
|
|
-25%, 75% {
|
|
|
- opacity: 0;
|
|
|
-}
|
|
|
-}
|
|
|
-@keyframes nutFlash {
|
|
|
-from, 50%, to {
|
|
|
- opacity: 1;
|
|
|
-}
|
|
|
-25%, 75% {
|
|
|
- opacity: 0;
|
|
|
-}
|
|
|
-}
|
|
|
-@-webkit-keyframes nutBounce {
|
|
|
-from, 20%, 53%, to {
|
|
|
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
|
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
|
- -webkit-transform: translate3d(0, 0, 0);
|
|
|
- transform: translate3d(0, 0, 0);
|
|
|
-}
|
|
|
-40%, 43% {
|
|
|
- -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
|
- animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
|
- -webkit-transform: translate3d(0, -60rpx, 0) scaleY(1.1);
|
|
|
- transform: translate3d(0, -60rpx, 0) scaleY(1.1);
|
|
|
-}
|
|
|
-70% {
|
|
|
- -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
|
- animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
|
- -webkit-transform: translate3d(0, -30rpx, 0) scaleY(1.05);
|
|
|
- transform: translate3d(0, -30rpx, 0) scaleY(1.05);
|
|
|
-}
|
|
|
-80% {
|
|
|
- -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
|
- transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
|
- -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
|
|
|
- transform: translate3d(0, 0, 0) scaleY(0.95);
|
|
|
-}
|
|
|
-90% {
|
|
|
- -webkit-transform: translate3d(0, -8rpx, 0) scaleY(1.02);
|
|
|
- transform: translate3d(0, -8rpx, 0) scaleY(1.02);
|
|
|
-}
|
|
|
-}
|
|
|
-@keyframes nutBounce {
|
|
|
-from, 20%, 53%, to {
|
|
|
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
|
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
|
- -webkit-transform: translate3d(0, 0, 0);
|
|
|
- transform: translate3d(0, 0, 0);
|
|
|
-}
|
|
|
-40%, 43% {
|
|
|
- -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
|
- animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
|
- -webkit-transform: translate3d(0, -60rpx, 0) scaleY(1.1);
|
|
|
- transform: translate3d(0, -60rpx, 0) scaleY(1.1);
|
|
|
-}
|
|
|
-70% {
|
|
|
- -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
|
- animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
|
- -webkit-transform: translate3d(0, -30rpx, 0) scaleY(1.05);
|
|
|
- transform: translate3d(0, -30rpx, 0) scaleY(1.05);
|
|
|
-}
|
|
|
-80% {
|
|
|
- -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
|
- -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
|
- transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
|
- -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
|
|
|
- transform: translate3d(0, 0, 0) scaleY(0.95);
|
|
|
-}
|
|
|
-90% {
|
|
|
- -webkit-transform: translate3d(0, -8rpx, 0) scaleY(1.02);
|
|
|
- transform: translate3d(0, -8rpx, 0) scaleY(1.02);
|
|
|
-}
|
|
|
-}
|
|
|
-@-webkit-keyframes nutShake {
|
|
|
-0% {
|
|
|
- -webkit-transform: translateX(0);
|
|
|
- transform: translateX(0);
|
|
|
-}
|
|
|
-6.5% {
|
|
|
- -webkit-transform: translateX(-12rpx) rotateY(-9deg);
|
|
|
- transform: translateX(-12rpx) rotateY(-9deg);
|
|
|
-}
|
|
|
-18.5% {
|
|
|
- -webkit-transform: translateX(10rpx) rotateY(7deg);
|
|
|
- transform: translateX(10rpx) rotateY(7deg);
|
|
|
-}
|
|
|
-31.5% {
|
|
|
- -webkit-transform: translateX(-6rpx) rotateY(-5deg);
|
|
|
- transform: translateX(-6rpx) rotateY(-5deg);
|
|
|
-}
|
|
|
-43.5% {
|
|
|
- -webkit-transform: translateX(4rpx) rotateY(3deg);
|
|
|
- transform: translateX(4rpx) rotateY(3deg);
|
|
|
-}
|
|
|
-50% {
|
|
|
- -webkit-transform: translateX(0);
|
|
|
- transform: translateX(0);
|
|
|
-}
|
|
|
-}
|
|
|
-@keyframes nutShake {
|
|
|
-0% {
|
|
|
- -webkit-transform: translateX(0);
|
|
|
- transform: translateX(0);
|
|
|
-}
|
|
|
-6.5% {
|
|
|
- -webkit-transform: translateX(-12rpx) rotateY(-9deg);
|
|
|
- transform: translateX(-12rpx) rotateY(-9deg);
|
|
|
-}
|
|
|
-18.5% {
|
|
|
- -webkit-transform: translateX(10rpx) rotateY(7deg);
|
|
|
- transform: translateX(10rpx) rotateY(7deg);
|
|
|
-}
|
|
|
-31.5% {
|
|
|
- -webkit-transform: translateX(-6rpx) rotateY(-5deg);
|
|
|
- transform: translateX(-6rpx) rotateY(-5deg);
|
|
|
-}
|
|
|
-43.5% {
|
|
|
- -webkit-transform: translateX(4rpx) rotateY(3deg);
|
|
|
- transform: translateX(4rpx) rotateY(3deg);
|
|
|
-}
|
|
|
-50% {
|
|
|
- -webkit-transform: translateX(0);
|
|
|
- transform: translateX(0);
|
|
|
-}
|
|
|
-}
|
|
|
-.nut-theme-dark .nut-popup {
|
|
|
- background: #1b1b1b;
|
|
|
-}
|
|
|
-.nut-theme-dark .nutui-popup__close-icon {
|
|
|
- color: #fff;
|
|
|
-}
|
|
|
-.popup-slide-center-enter-active, .popup-slide-center-leave-active {
|
|
|
- -webkit-transition: opacity 0.5s ease;
|
|
|
- -o-transition: opacity 0.5s ease;
|
|
|
- transition: opacity 0.5s ease;
|
|
|
-}
|
|
|
-.popup-slide-center-enter-from, .popup-slide-center-leave-to {
|
|
|
- opacity: 0;
|
|
|
-}
|
|
|
-.popup-slide-top-enter-from, .popup-slide-top-leave-active {
|
|
|
- -webkit-transform: translate(0, -100%);
|
|
|
- -ms-transform: translate(0, -100%);
|
|
|
- transform: translate(0, -100%);
|
|
|
-}
|
|
|
-.popup-slide-right-enter-from, .popup-slide-right-leave-active {
|
|
|
- -webkit-transform: translate(100%, 0);
|
|
|
- -ms-transform: translate(100%, 0);
|
|
|
- transform: translate(100%, 0);
|
|
|
-}
|
|
|
-.popup-slide-bottom-enter-from, .popup-slide-bottom-leave-active {
|
|
|
- -webkit-transform: translate(0, 100%);
|
|
|
- -ms-transform: translate(0, 100%);
|
|
|
- transform: translate(0, 100%);
|
|
|
-}
|
|
|
-.popup-slide-left-enter-from, .popup-slide-left-leave-active {
|
|
|
- -webkit-transform: translate(-100%, 0);
|
|
|
- -ms-transform: translate(-100%, 0);
|
|
|
- transform: translate(-100%, 0);
|
|
|
-}
|
|
|
-.popup-center {
|
|
|
- top: 50%;
|
|
|
- left: 50%;
|
|
|
- -webkit-transform: translate(-50%, -50%);
|
|
|
- -ms-transform: translate(-50%, -50%);
|
|
|
- transform: translate(-50%, -50%);
|
|
|
-}
|
|
|
-.popup-center.round {
|
|
|
- border-radius: 40rpx;
|
|
|
-}
|
|
|
-.popup-bottom {
|
|
|
- bottom: 0;
|
|
|
- left: 0;
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-.popup-bottom.round {
|
|
|
- border-radius: 40rpx 40rpx 0 0;
|
|
|
-}
|
|
|
-.popup-bottom--safebottom {
|
|
|
- padding-bottom: constant(safe-area-inset-bottom);
|
|
|
- padding-bottom: env(safe-area-inset-bottom);
|
|
|
-}
|
|
|
-.popup-right {
|
|
|
- top: 0;
|
|
|
- right: 0;
|
|
|
-}
|
|
|
-.popup-right.round {
|
|
|
- border-radius: 40rpx 0 0 40rpx;
|
|
|
-}
|
|
|
-.popup-left {
|
|
|
- top: 0;
|
|
|
- left: 0;
|
|
|
-}
|
|
|
-.popup-left.round {
|
|
|
- border-radius: 0 40rpx 40rpx 0;
|
|
|
-}
|
|
|
-.popup-top {
|
|
|
- top: 0;
|
|
|
- left: 0;
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-.popup-top.round {
|
|
|
- border-radius: 0 0 40rpx 40rpx;
|
|
|
-}
|
|
|
-.nut-popup {
|
|
|
- position: fixed;
|
|
|
- max-height: 100%;
|
|
|
- overflow-y: auto;
|
|
|
- background-color: #fff;
|
|
|
- -webkit-transition: -webkit-transform 0.2s;
|
|
|
- transition: -webkit-transform 0.2s;
|
|
|
- -o-transition: transform 0.2s;
|
|
|
- transition: transform 0.2s;
|
|
|
- transition: transform 0.2s, -webkit-transform 0.2s;
|
|
|
- -webkit-overflow-scrolling: touch;
|
|
|
-}
|
|
|
-.nut-popup .nutui-popup__content-wrapper {
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-.nut-overflow-hidden {
|
|
|
- overflow: hidden !important;
|
|
|
-}
|
|
|
-.nutui-popup__close-icon {
|
|
|
- position: absolute !important;
|
|
|
- z-index: 1;
|
|
|
- color: #969799;
|
|
|
- font-size: 36rpx;
|
|
|
- width: 60rpx;
|
|
|
- height: 60rpx;
|
|
|
- line-height: 60rpx;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-.nutui-popup__close-icon:active {
|
|
|
- opacity: 0.7;
|
|
|
-}
|
|
|
-.nutui-popup__close-icon--top-left {
|
|
|
- top: 32rpx;
|
|
|
- left: 32rpx;
|
|
|
-}
|
|
|
-.nutui-popup__close-icon--top-right {
|
|
|
- top: 32rpx;
|
|
|
- right: 32rpx;
|
|
|
-}
|
|
|
-.nutui-popup__close-icon--bottom-left {
|
|
|
- bottom: 32rpx;
|
|
|
- left: 32rpx;
|
|
|
-}
|
|
|
-.nutui-popup__close-icon--bottom-right {
|
|
|
- right: 32rpx;
|
|
|
- bottom: 32rpx;
|
|
|
-}
|