fix: 修复toast组件在隐藏并降低zIndex过程中会出现被高zIndex组件遮挡的bug

2460392754 · 2460392754 · commit 3dcec9f30cd9 · 2020-05-29T16:32:37.000+08:00
1.从样式中删除了原本show状态添加的固定zIndex(好像代码冗余了)
2.添加css样式事件穿透，防止组件隐藏的时候zIndex过高导致点击事件被遮挡
3.切换组件状态时动态切换padding样式，在hide状态时组件的宽度突然缩小造成视觉效果不适
diff --git a/uview-ui/components/u-toast/u-toast.vue b/uview-ui/components/u-toast/u-toast.vue
@@ -1,6 +1,5 @@
 <template>
 	<view class="u-toast" :class="[isShow ? 'u-show' : '', 'u-type-' + config.type, 'u-position-' + config.position]" :style="{
-		padding: isShow ? '0 40rpx' : 0,
 		zIndex: uZIndex
 	}">
 		<view class="u-icon-wrap">
@@ -54,7 +53,7 @@
 			},
 			uZIndex() {
 				// 显示toast时候，如果用户有传递z-index值，有限使用
-				return this.isShow ? (this.zIndex ? this.zIndex : this.$u.zIndex.toast) : '-1';
+				return this.isShow ? (this.zIndex ? this.zIndex : this.$u.zIndex.toast) : '999999';
 			}
 		},
 		methods: {
@@ -136,11 +135,12 @@
 		justify-content: center;
 		font-size: 28rpx;
 		opacity: 0;
+		pointer-events: none;
+		padding:0 40rpx;
 	}
 
 	.u-toast.u-show {
 		opacity: 1;
-		z-index: 9999999;
 	}
 
 	.u-text {
