diff --git a/src/message/message.less b/src/message/message.less index 693892ec5..ae6e8ca52 100644 --- a/src/message/message.less +++ b/src/message/message.less @@ -8,10 +8,10 @@ @message-align: flex-start; @message-icon-size: @icon-l; @message-border-radius: 8rpx; -@message-z-index: 5000; +@message-z-index: 15000; @gutter: 16rpx; -@message: ~"@{prefix}-message"; +@message: ~'@{prefix}-message'; .@{message} { position: fixed; @@ -29,7 +29,7 @@ font-size: @message-font-size; line-height: 1; background: rgba(255, 255, 255, 1); - box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, .2); + box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); opacity: 0; &__text { @@ -74,7 +74,7 @@ margin-left: @gutter; } - .@{message}__btn--right { + .@{message}__btn--right { font-size: inherit; line-height: inherit; height: 44rpx; diff --git a/src/popup/popup.less b/src/popup/popup.less index b8617c5d1..eda9fd122 100644 --- a/src/popup/popup.less +++ b/src/popup/popup.less @@ -6,7 +6,7 @@ .@{popup} { position: fixed; - z-index: 1500; + z-index: 11500; top: 0; left: 0; display: flex; diff --git a/src/toast/toast.less b/src/toast/toast.less index e623ff9bc..323fdcc75 100644 --- a/src/toast/toast.less +++ b/src/toast/toast.less @@ -9,14 +9,14 @@ left: 0; right: 0; background-color: rgba(0, 0, 0, 0); - z-index: 2000; + z-index: 12000; } &__content { position: fixed; left: 50%; transform: translate(-50%, -50%); - background-color: rgba(0, 0, 0, .6); + background-color: rgba(0, 0, 0, 0.6); align-items: center; border-radius: 8rpx; font-size: 28rpx; @@ -65,11 +65,11 @@ } &--enter { - animation: fade-enter .5s; + animation: fade-enter 0.5s; } &--leave { - animation: fade-leave .5s; + animation: fade-leave 0.5s; } } @@ -88,13 +88,13 @@ @keyframes scale-enter { from { opacity: 0; - transform: translate3d(-50%, -50%, 0) scale(.9); + transform: translate3d(-50%, -50%, 0) scale(0.9); } } @keyframes scale-leave { to { opacity: 0; - transform: translate3d(-50%, -50%, 0) scale(.9); + transform: translate3d(-50%, -50%, 0) scale(0.9); } }