[Bug] Get friendly dataZoom handleIcon shadow

[HiMary321]

Version

5.3.2

Link to Minimal Reproduction

No response

Steps to Reproduce

dataZoom-slider: {
handleIcon: 'M10.7,11.9H9.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4h1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
handleStyle: {
color: '#f5f5f5',
shadowBlur: 5,
shadowColor: 'rgba(0, 0, 0, 0.6)',
shadowOffsetX: 2,
shadowOffsetY: 2
}
}

Current Behavior

The first picture (version 4) shows normal, the second picture (version 5) shows a problem.They are configured exactly the same.

The shadow effect is displayed normally in version 4, but displayed abnormally in version 5. The shadow color overlaps with the icon, causing the display to be chaotic.

Expected Behavior

Shadow and icon color do not overlap, display friendly.

Environment

- OS:Linux4.19
- Browser:Chrome 89.0
- Framework:Vue@2

Any additional comments?

No response