.nav-li::after {
  content: "";
  position: absolute;
  z-index: 2;
  background-color: inherit;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: -10%;
  border-radius: 10rpx;
  opacity: 0.2;
  transform: scale(0.9, 0.9);
}

:after伪元素 在.nav-li后叠加一个宽高都为100%的视图，
inherit背景颜色继承父视图颜色