Clock.scss 885 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. /* #ifdef weapp */
  2. .console_box {
  3. display: flex;
  4. flex-direction: column;
  5. align-items: center;
  6. margin: 20px;
  7. padding-top: 40px;
  8. padding-bottom: 40px;
  9. color: #fff;
  10. // margin-bottom: 12px;
  11. background-color: #1c1c1c;
  12. border-radius: 40px;
  13. }
  14. /* #endif */
  15. /* #ifdef rn */
  16. /* #endif */
  17. .popDemo {
  18. position: fixed;
  19. top: 0;
  20. left: 0;
  21. z-index: 100000;
  22. width: 100%;
  23. height: 100%;
  24. overflow: hidden;
  25. display: flex;
  26. justify-content: center;
  27. align-items: center;
  28. background-color: rgba($color: #000000, $alpha: 0.5);
  29. }
  30. .clock_bg {
  31. width: 578px;
  32. height: 578px;
  33. display: flex;
  34. align-items: center;
  35. justify-content: center;
  36. }
  37. .swiper {
  38. height: 360px;
  39. }
  40. .console_bg {
  41. height: 360px;
  42. overflow: hidden;
  43. margin-bottom: 24px;
  44. }
  45. .swiperItem {
  46. // height: 300px !important;
  47. // height: auto !important;
  48. // overflow: visible !important;
  49. }