u-popup.wxss 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. /**
  2. * uni-app内置的常用样式变量
  3. */
  4. /* 行为相关颜色 */
  5. /* 文字基本颜色 */
  6. /* 背景颜色 */
  7. /* 边框颜色 */
  8. /* 尺寸变量 */
  9. /* 文字尺寸 */
  10. /* 图片尺寸 */
  11. /* Border Radius */
  12. /* 水平间距 */
  13. /* 垂直间距 */
  14. /* 透明度 */
  15. /* 文章场景相关 */
  16. .u-empty.data-v-74921bef,
  17. .u-empty__wrap.data-v-74921bef,
  18. .u-tabs.data-v-74921bef,
  19. .u-tabs__wrapper.data-v-74921bef,
  20. .u-tabs__wrapper__scroll-view-wrapper.data-v-74921bef,
  21. .u-tabs__wrapper__scroll-view.data-v-74921bef,
  22. .u-tabs__wrapper__nav.data-v-74921bef,
  23. .u-tabs__wrapper__nav__line.data-v-74921bef,
  24. .up-empty.data-v-74921bef,
  25. .up-empty__wrap.data-v-74921bef,
  26. .up-tabs.data-v-74921bef,
  27. .up-tabs__wrapper.data-v-74921bef,
  28. .up-tabs__wrapper__scroll-view-wrapper.data-v-74921bef,
  29. .up-tabs__wrapper__scroll-view.data-v-74921bef,
  30. .up-tabs__wrapper__nav.data-v-74921bef,
  31. .up-tabs__wrapper__nav__line.data-v-74921bef {
  32. display: flex;
  33. flex-direction: column;
  34. flex-shrink: 0;
  35. flex-grow: 0;
  36. flex-basis: auto;
  37. align-items: stretch;
  38. align-content: flex-start;
  39. }
  40. .u-popup.data-v-74921bef {
  41. flex: 1;
  42. }
  43. .u-popup__trigger.data-v-74921bef {
  44. position: relative;
  45. }
  46. .u-popup__trigger__cover.data-v-74921bef {
  47. position: absolute;
  48. top: 0;
  49. left: 0;
  50. right: 0;
  51. bottom: 0;
  52. }
  53. .u-popup__content.data-v-74921bef {
  54. background-color: #fff;
  55. position: relative;
  56. }
  57. .u-popup__content--round-top.data-v-74921bef {
  58. border-top-left-radius: 0;
  59. border-top-right-radius: 0;
  60. border-bottom-left-radius: 10px;
  61. border-bottom-right-radius: 10px;
  62. }
  63. .u-popup__content--round-left.data-v-74921bef {
  64. border-top-left-radius: 0;
  65. border-top-right-radius: 10px;
  66. border-bottom-left-radius: 0;
  67. border-bottom-right-radius: 10px;
  68. }
  69. .u-popup__content--round-right.data-v-74921bef {
  70. border-top-left-radius: 10px;
  71. border-top-right-radius: 0;
  72. border-bottom-left-radius: 10px;
  73. border-bottom-right-radius: 0;
  74. }
  75. .u-popup__content--round-bottom.data-v-74921bef {
  76. border-top-left-radius: 10px;
  77. border-top-right-radius: 10px;
  78. border-bottom-left-radius: 0;
  79. border-bottom-right-radius: 0;
  80. }
  81. .u-popup__content--round-center.data-v-74921bef {
  82. border-top-left-radius: 10px;
  83. border-top-right-radius: 10px;
  84. border-bottom-left-radius: 10px;
  85. border-bottom-right-radius: 10px;
  86. }
  87. .u-popup__content__close.data-v-74921bef {
  88. position: absolute;
  89. }
  90. .u-popup__content__close--hover.data-v-74921bef {
  91. opacity: 0.4;
  92. }
  93. .u-popup__content__close--top-left.data-v-74921bef {
  94. top: 15px;
  95. left: 15px;
  96. }
  97. .u-popup__content__close--top-right.data-v-74921bef {
  98. top: 15px;
  99. right: 15px;
  100. }
  101. .u-popup__content__close--bottom-left.data-v-74921bef {
  102. bottom: 15px;
  103. left: 15px;
  104. }
  105. .u-popup__content__close--bottom-right.data-v-74921bef {
  106. right: 15px;
  107. bottom: 15px;
  108. }