index.wxss 961 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. .wux-floating-panel {
  2. position: fixed;
  3. z-index: 1020;
  4. bottom: 0;
  5. left: 0;
  6. width: 100vw;
  7. display: flex;
  8. flex-direction: column;
  9. touch-action: none
  10. }
  11. .wux-floating-panel::after {
  12. content: "";
  13. display: block;
  14. position: absolute;
  15. bottom: -100vh;
  16. height: 100vh;
  17. width: 100vw;
  18. background: #fff
  19. }
  20. .wux-floating-panel__hd {
  21. flex: none;
  22. height: 56rpx;
  23. display: flex;
  24. justify-content: center;
  25. align-items: center;
  26. cursor: grab;
  27. -webkit-user-select: none;
  28. -moz-user-select: none;
  29. user-select: none;
  30. background-color: #fff;
  31. border-top-left-radius: 12rpx;
  32. border-top-right-radius: 12rpx
  33. }
  34. .wux-floating-panel__bar {
  35. height: 6rpx;
  36. width: 40rpx;
  37. border-radius: 20rpx;
  38. background: #ccc
  39. }
  40. .wux-floating-panel__bd {
  41. flex: 1 1;
  42. overflow-y: scroll;
  43. background: #fff
  44. }
  45. .wux-floating-panel__mask {
  46. display: block;
  47. width: 100%;
  48. height: 100vh;
  49. position: absolute;
  50. left: 0;
  51. top: -100vh;
  52. background: 0 0
  53. }