uni-popup.wxss 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. .uni-popup.data-v-7da806a4 {
  12. position: fixed;
  13. z-index: 99;
  14. }
  15. .uni-popup__mask.data-v-7da806a4 {
  16. position: absolute;
  17. top: 0;
  18. bottom: 0;
  19. left: 0;
  20. right: 0;
  21. background-color: rgba(0, 0, 0, 0.4);
  22. opacity: 0;
  23. }
  24. .mask-ani.data-v-7da806a4 {
  25. -webkit-transition-property: opacity;
  26. transition-property: opacity;
  27. -webkit-transition-duration: 0.2s;
  28. transition-duration: 0.2s;
  29. }
  30. .uni-top-mask.data-v-7da806a4 {
  31. opacity: 1;
  32. }
  33. .uni-bottom-mask.data-v-7da806a4 {
  34. opacity: 1;
  35. }
  36. .uni-center-mask.data-v-7da806a4 {
  37. opacity: 1;
  38. }
  39. .uni-popup__wrapper.data-v-7da806a4 {
  40. display: block;
  41. position: absolute;
  42. }
  43. .top.data-v-7da806a4 {
  44. top: 0;
  45. }
  46. .bottom.data-v-7da806a4 {
  47. bottom: 0;
  48. }
  49. .uni-popup__wrapper-box.data-v-7da806a4 {
  50. display: block;
  51. position: relative;
  52. /* iphonex 等安全区设置,底部安全区适配 */
  53. padding-bottom: constant(safe-area-inset-bottom);
  54. padding-bottom: env(safe-area-inset-bottom);
  55. }
  56. .content-ani.data-v-7da806a4 {
  57. -webkit-transition-property: opacity, -webkit-transform;
  58. transition-property: opacity, -webkit-transform;
  59. transition-property: transform, opacity;
  60. transition-property: transform, opacity, -webkit-transform;
  61. -webkit-transition-duration: 0.2s;
  62. transition-duration: 0.2s;
  63. }
  64. .uni-top-content.data-v-7da806a4 {
  65. -webkit-transform: translateY(0);
  66. transform: translateY(0);
  67. }
  68. .uni-bottom-content.data-v-7da806a4 {
  69. -webkit-transform: translateY(0);
  70. transform: translateY(0);
  71. }
  72. .uni-center-content.data-v-7da806a4 {
  73. -webkit-transform: scale(1);
  74. transform: scale(1);
  75. opacity: 1;
  76. }