privacy-popup.wxss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. /* component/privacy-popup/privacy-popup.wxss */
  2. .privacy-container {
  3. height: 100vh;
  4. width: 100vw;
  5. background: rgba(0, 0, 0, 0.6);
  6. position: fixed;
  7. left: 0;
  8. top: 0;
  9. z-index: 999;
  10. display: flex;
  11. align-items: center;
  12. justify-content: center;
  13. }
  14. .privacy-content {
  15. width: 640rpx;
  16. font-size: 32rpx;
  17. font-family: PingFang SC-Bold, PingFang SC;
  18. color: #333333;
  19. text-align: center;
  20. padding: 40rpx;
  21. box-sizing: border-box;
  22. background: #FFFFFF;
  23. border-radius: 16rpx 16rpx 16rpx 16rpx;
  24. }
  25. .privacy-title {
  26. font-weight: bolder;
  27. }
  28. .content {
  29. padding: 40rpx 0;
  30. box-sizing: border-box;
  31. text-indent: 64rpx;
  32. }
  33. .button-container {
  34. display: flex;
  35. align-items: center;
  36. justify-content: space-around;
  37. }
  38. .button {
  39. flex: 1;
  40. height: 64rpx;
  41. max-width: 326rpx;
  42. font-size: 32rpx;
  43. font-family: PingFang SC-Medium, PingFang SC;
  44. font-weight: 500;
  45. color: #FFFFFF;
  46. background: #1890ff;
  47. border-radius: 62rpx 62rpx 62rpx 62rpx;
  48. display: flex;
  49. align-items: center;
  50. justify-content: center;
  51. position: relative;
  52. }
  53. .btn {
  54. height: 100%;
  55. width: 100%;
  56. position: absolute;
  57. left: 0;
  58. top: 0;
  59. opacity: 0;
  60. }
  61. .button+.button {
  62. margin-left: 48rpx;
  63. }
  64. .cancel {
  65. background: #E6E6E6;
  66. }