index.wxss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. /* components/popup/index.wxss */
  2. .wx-popup {
  3. position: absolute;
  4. width: 100%;
  5. height: 100%;
  6. left: 0;
  7. top: 0;
  8. z-index: 999;
  9. overflow: visible;
  10. background-color: rgba(0, 0, 0, 0.3);
  11. display: flex;
  12. flex-direction: column;
  13. bottom: 0;
  14. top: 0;
  15. justify-content: center;
  16. align-items: center;
  17. transition-duration: 0.3s;
  18. }
  19. /* .wx-popup .mask {
  20. position: absolute;
  21. left: 0;
  22. top: 0;
  23. width: 100%;
  24. height: 100%;
  25. background-color: #000000;
  26. z-index: 9999;
  27. overflow: visible;
  28. opacity: .4;
  29. } */
  30. .wx-popup .content {
  31. width: 600rpx;
  32. height: 700rpx;
  33. background: linear-gradient(180deg, #F4FEFF, #fff);
  34. background-color: white;
  35. z-index: 999999;
  36. margin: 0 auto;
  37. border-radius: 10px;
  38. padding: 40rpx;
  39. box-sizing: border-box;
  40. text-align: center;
  41. line-height: 1.5;
  42. }
  43. .wx-popup .content .title {
  44. font-size: 36rpx;
  45. margin: 20rpx 0 40rpx;
  46. }
  47. .wx-popup .content .text {
  48. font-size: 28rpx;
  49. }
  50. .wx-popup .content .file-name {
  51. font-size: 30rpx;
  52. font-weight: 550;
  53. color: #00B1FE;
  54. }
  55. .confirm {
  56. margin-top: 80rpx;
  57. border-radius: 40rpx;
  58. background-color: #00B1FE;
  59. color: white;
  60. }
  61. .cancel {
  62. margin-top: 20rpx;
  63. background-color: rgba(0, 0, 0, 0);
  64. border: none;
  65. color: #666;
  66. font-weight: unset;
  67. }