style.wxss 658 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. .nav-li {
  2. padding: 23rpx;
  3. border-radius: 12rpx;
  4. width: 49%;
  5. margin-top: 20rpx;
  6. background-size: cover;
  7. background-position: center;
  8. position: relative;
  9. z-index: 1;
  10. }
  11. .nav-li::after {
  12. content: "";
  13. position: absolute;
  14. z-index: -1;
  15. background-color: inherit;
  16. width: 100%;
  17. height: 100%;
  18. left: 0;
  19. bottom: -10%;
  20. border-radius: 10rpx;
  21. opacity: 0.2;
  22. transform: scale(0.9, 0.9);
  23. }
  24. .nav-li.cur {
  25. color: #fff;
  26. background: rgb(94, 185, 94);
  27. box-shadow: 4rpx 4rpx 6rpx rgba(94, 185, 94, 0.4);
  28. }
  29. .nav-list {
  30. margin-top: 0rpx;
  31. display: flex;
  32. flex-wrap: wrap;
  33. padding: 0px 10rpx 0px;
  34. justify-content: space-between;
  35. }