index.module.less 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. .skeleton {
  2. position: fixed;
  3. left: 0;
  4. top: 0;
  5. width: 100vw;
  6. height: 100vh;
  7. padding: 20px 30px;
  8. background-color: #fff;
  9. z-index: 1000;
  10. --van-skeleton-paragraph-height: .8rem;
  11. }
  12. .detail {
  13. width: 100vw;
  14. height: 100vh;
  15. overflow: hidden;
  16. --header-height: 62px;
  17. background: var(--container-background);
  18. .headHeight {
  19. position: relative;
  20. width: 100%;
  21. height: var(--header-height);
  22. transition: margin .3s;
  23. z-index: 10;
  24. &.headHide{
  25. margin-top: calc(0Px - var(--header-height));
  26. }
  27. }
  28. .container {
  29. position: sticky;
  30. top: 0;
  31. height: calc(100vh - var(--header-height));
  32. margin: 0 10px;
  33. border-radius: 10px;
  34. transition: height .3s;
  35. overflow: hidden;
  36. }
  37. }
  38. :global {
  39. #cursorImg-0 {
  40. min-height: 58PX;
  41. content: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
  42. margin-top: -14PX;
  43. border-radius: 4Px;
  44. background-color: rgba(25, 140, 254, 0.7);
  45. width: 8Px;
  46. transform: translateX(8Px);
  47. opacity: var(--corsor-opacity);
  48. }
  49. .eyeProtection{
  50. #cursorImg-0{
  51. background-color: rgb(255, 159, 88);
  52. }
  53. }
  54. #osmdCanvasPage1{
  55. padding-bottom: 60px;
  56. }
  57. }
  58. .xiaomi{
  59. :global{
  60. #cursorImg-0 {
  61. height: 58PX !important;
  62. min-height: auto !important;
  63. }
  64. }
  65. }
  66. .PC{
  67. :global{
  68. #cursorImg-0 {
  69. margin-top: -18PX;
  70. min-height: 94Px;
  71. border-radius: 10Px;
  72. width: 20Px;
  73. transform: translateX(12Px);
  74. }
  75. .headTopBackBtn{
  76. display: none;
  77. }
  78. .pcTitle{
  79. flex: 1;
  80. width: auto;
  81. margin-left: auto;
  82. .van-notice-bar__wrap{
  83. justify-content: center;
  84. }
  85. }
  86. }
  87. .headHeight.headHide{
  88. margin-top: 0 !important;
  89. }
  90. }