微信小程序外圆角过渡ios出现黑块

.active-tab-item {
					position: relative;
					background-color: #fff;
					color: var(--active-color);
				}
				
				.active-tab-item::before ,.active-tab-item::after{
				  content: "";
				  display: block;
				  height: var(--radius-size);
				  width: var(--radius-size);
				  position: absolute;
				  bottom: 0;
				  background: radial-gradient(
				    var(--radius-size) at var(--radius-size) 0px,
				    transparent var(--radius-size),
				    var(--acticity-color) var(--radius-size)
				  );
				}
				.active-tab-item::before {
				  right: 0;
				  bottom: calc(-1 * var(--radius-size));
				  transform: scale(-1);
				}
				 
				.active-tab-item::after {
				  right: 0;
				  top:calc(-1 * var(--radius-size));
				  transform: scaleX(-1);
				}

background-image: -webkit-radial-gradient(var(--radius-size) 0px, rgba(255, 255, 255, 0) var(--radius-size), green var(--radius-size), red var(--radius-size), #fff var(--radius-size));