index.module.less 909 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. .mySwiper{
  2. width: 320px;
  3. height: 573px;
  4. overflow: hidden;
  5. border-radius: 20px;
  6. }
  7. .swiperItem{
  8. margin-right: 30px;
  9. }
  10. /* 自定义指示点容器 */
  11. .indicatorContainer {
  12. padding-top: 18px;
  13. display: flex;
  14. gap: 3px;
  15. justify-content: center;
  16. }
  17. /* 单个指示点 */
  18. .indicator {
  19. width: 6px;
  20. height: 6px;
  21. transition: all .3s;
  22. border-radius: 100%;
  23. background-color: rgba(#000, .15);
  24. border-radius: 50%;
  25. }
  26. /* 当前选中的指示点 */
  27. .indicatorActive{
  28. width: 16px;
  29. border-radius: 30px;
  30. background-color: rgba(#000, .35);
  31. }
  32. .logo{
  33. margin-right: 5px;
  34. width: 24px;
  35. height: 24px;
  36. }
  37. .vipTips{
  38. display: flex;
  39. align-items: center;
  40. flex-direction: column;
  41. }
  42. .vipTipsFigure{
  43. margin-top: 48px;
  44. width: 135px;
  45. height: 96px;
  46. background-image: url(https://cdn.wehome.cn/cmn/png/50/META-H8UK0IWU-9NNPJOLLD1MU95DE0NMA3-DAWUHO2M-AJ.png);
  47. background-size: 100%;
  48. }