webgl_rxdz_look.scss 985 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. .main-view{
  2. overflow: hidden;
  3. width: 100vw;
  4. height:100vh;
  5. }
  6. #mapDiv{
  7. overflow: hidden;
  8. width: 100vw;
  9. height:100vh;
  10. }
  11. canvas {
  12. -webkit-user-select: none;
  13. user-select: none;
  14. width: 100%;
  15. height:100vh;
  16. overflow-x: hidden;
  17. overflow-y: hidden;
  18. }
  19. .lable-view{
  20. position:absolute;
  21. width:100vw;
  22. }
  23. .word-view{
  24. position: absolute;
  25. left: 0;
  26. top: 0;
  27. font-family: "Verdana";
  28. font-weight: 400;
  29. color: #1d1d1d;
  30. user-select: none; /* don't let the text get selected */
  31. z-index: 12;
  32. font-size:26px;
  33. /* pointer-events:none; */
  34. line-height: 40px;
  35. /* width: 90px; */
  36. height: 40px;
  37. padding:0px 10px;
  38. border-radius: 20px;
  39. background: #fff;
  40. text-align: center;
  41. }
  42. .floor-view{
  43. position: absolute;
  44. left:30px;
  45. bottom:60px;
  46. width: 72px;
  47. border-radius: 12px;
  48. background: rgba(0, 0, 0, 0.4);
  49. overflow: hidden;
  50. z-index: 11;
  51. font-size: 28px;
  52. }
  53. .floor-item{
  54. height: 60px;
  55. color: #fff;
  56. }
  57. .floor-item.active{
  58. color: #faa040;
  59. background: #fff;
  60. }