app-navigation.wxss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. .app-navigation.data-v-0756a178 {
  2. background-color: #fff;
  3. border-radius: 15px 15px 0 0;
  4. -webkit-filter: drop-shadow(0 -3px 6px rgba(0, 0, 0, 0.05));
  5. filter: drop-shadow(0 -3px 6px rgba(0, 0, 0, 0.05));
  6. }
  7. .app-navigation .__body.data-v-0756a178 {
  8. display: flex;
  9. align-items: center;
  10. justify-content: space-around;
  11. position: relative;
  12. padding: 10px;
  13. padding-bottom: 0;
  14. }
  15. .scan.data-v-0756a178 {
  16. display: inline-flex;
  17. align-items: center;
  18. justify-content: center;
  19. width: 60px;
  20. height: 60px;
  21. border-radius: 100pc;
  22. background: linear-gradient(322deg, #8FF8FB 0%, #47AEFF 100%);
  23. /* background-image: linear-gradient(to right, #8FF8FB, #47AEFF); */
  24. box-shadow: inset 0rpx 6rpx 20rpx 2rpx #FFFFFF;
  25. border: 3px solid #fff;
  26. position: absolute;
  27. -webkit-transform: translateY(-10px);
  28. transform: translateY(-10px);
  29. }
  30. .scan>.icon-scan.data-v-0756a178 {
  31. display: block;
  32. width: 22.5px;
  33. height: 22.5px;
  34. }
  35. .scan-placeholder.data-v-0756a178 {
  36. width: 60px;
  37. }
  38. .nav-item>.name.data-v-0756a178 {
  39. font-size: 10px;
  40. margin-top: 4px;
  41. }
  42. .nav-item>.icon.data-v-0756a178 {
  43. display: block;
  44. width: 22px;
  45. height: 22px;
  46. }