在精度条部分加的样式 主要是父元素内嵌套的子div position absolute 以及 backdrop-filter
.progress {
padding: 31px 40px 0 40px;
position: fixed;
top: 44px;
left: 0;
width: 100%;
z-index: 11;
}
.progress-bg {
content:"";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
backdrop-filter: blur(12px); /*重点*/
-webkit-backdrop-filter: blur(12px); /*兼容Safari*/
z-index: -1;
}
正常UI
上滑时模糊处理