index.wxss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. .ant-guide-tour-button {
  2. width: 100%;
  3. position: absolute;
  4. left: 0;
  5. bottom: calc(100 * 0.5px + env(safe-area-inset-bottom));
  6. z-index: 10001;
  7. display: flex;
  8. justify-content: center;
  9. }
  10. .ant-guide-tour-button .ant-button:nth-of-type(1) {
  11. color: #ffffff;
  12. background-color: transparent;
  13. box-shadow: inset 0 0 0 1px #eeeeee;
  14. }
  15. .ant-guide-tour-button .ant-button:nth-of-type(2) {
  16. color: #333333;
  17. background-color: #ffffff;
  18. box-shadow: none;
  19. }
  20. .ant-guide-tour-button .ant-button {
  21. margin: 0 6px;
  22. width: 76px;
  23. }
  24. .ant-guide-tour-indicator {
  25. width: 100%;
  26. position: absolute;
  27. bottom: calc(calc(100 * 0.5px + env(safe-area-inset-bottom)) + 40 * 0.5px + 26px);
  28. left: 50%;
  29. transform: translateX(-50%);
  30. z-index: 10000;
  31. display: flex;
  32. justify-content: center;
  33. }
  34. .ant-guide-tour-indicator-dot {
  35. margin: 0 1.5px;
  36. background-color: #999999;
  37. width: 3px;
  38. height: 3px;
  39. border-radius: 1px;
  40. }
  41. .ant-guide-tour-indicator-dot-active {
  42. width: 13px;
  43. background-color: #ffffff;
  44. }
  45. .ant-guide-tour-clear {
  46. position: fixed;
  47. top: 40px;
  48. right: 20px;
  49. z-index: 10001;
  50. font-size: 28px;
  51. color: #999999;
  52. }
  53. .ant-guide-tour-item {
  54. z-index: 10000;
  55. position: fixed;
  56. top: 0;
  57. left: 0;
  58. }
  59. .ant-guide-tour-swiper {
  60. z-index: 10000;
  61. position: fixed;
  62. top: 0;
  63. left: 0;
  64. width: 100vw;
  65. }