common-dialog.wxss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. @charset "UTF-8";
  2. /**
  3. * 主题色配置
  4. * 默认在 uni.scss 全局引入:@import '@/theme.scss';
  5. * <script> 下使用主题变量:import x from '@/theme.scss';
  6. */
  7. .page {
  8. background-color: #f8f8f8;
  9. font-family: PingFangSC;
  10. }
  11. .safeAreaPad {
  12. padding-bottom: constant(safe-area-inset-bottom);
  13. padding-bottom: env(safe-area-inset-bottom);
  14. box-sizing: content-box;
  15. }
  16. .dialog-content {
  17. width: 580rpx;
  18. background: #FFFFFF;
  19. border-radius: 20rpx;
  20. overflow: hidden;
  21. }
  22. .dialog-content .dialog-title {
  23. font-size: 32rpx;
  24. color: #333333;
  25. text-align: center;
  26. padding: 30rpx;
  27. font-family: PingFang SC;
  28. font-weight: bold;
  29. }
  30. .dialog-content .dialog-body {
  31. padding: 0 40rpx;
  32. text-align: center;
  33. line-height: 48rpx;
  34. }
  35. .dialog-content .dialog-footer {
  36. display: flex;
  37. gap: 30rpx;
  38. padding: 30rpx;
  39. padding-bottom: 40rpx;
  40. }
  41. .dialog-content .dialog-footer button {
  42. flex: 1;
  43. height: 88rpx;
  44. line-height: 88rpx;
  45. font-size: 32rpx;
  46. border: none;
  47. margin: 0;
  48. }
  49. .dialog-content .dialog-footer button::after {
  50. border: none;
  51. }
  52. .dialog-content .dialog-footer button.cancel-btn {
  53. background-color: #F5F5F5;
  54. color: #333333;
  55. }
  56. .dialog-content .dialog-footer button.confirm-btn {
  57. background-color: #38C148;
  58. color: #FFFFFF;
  59. }
  60. .dialog-content .dialog-footer.single-btn {
  61. display: flex;
  62. justify-content: center;
  63. }
  64. .dialog-content .dialog-footer.single-btn .confirm-btn {
  65. flex: 1;
  66. max-width: 280rpx;
  67. }