common-dialog.wxss 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  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. background: #FFFFFF;
  18. border-radius: 20rpx;
  19. overflow: hidden;
  20. }
  21. .dialog-content .dialog-title {
  22. font-size: 32rpx;
  23. color: #333333;
  24. text-align: center;
  25. padding: 30rpx;
  26. font-family: PingFang SC;
  27. font-weight: bold;
  28. }
  29. .dialog-content .dialog-body {
  30. padding: 0 40rpx;
  31. text-align: center;
  32. line-height: 48rpx;
  33. }
  34. .dialog-content .dialog-footer {
  35. display: flex;
  36. gap: 30rpx;
  37. padding: 30rpx;
  38. padding-bottom: 40rpx;
  39. }
  40. .dialog-content .dialog-footer button {
  41. flex: 1;
  42. height: 88rpx;
  43. line-height: 88rpx;
  44. font-size: 32rpx;
  45. border: none;
  46. margin: 0;
  47. }
  48. .dialog-content .dialog-footer button::after {
  49. border: none;
  50. }
  51. .dialog-content .dialog-footer button.cancel-btn {
  52. background-color: #F5F5F5;
  53. color: #333333;
  54. }
  55. .dialog-content .dialog-footer button.confirm-btn {
  56. background-color: #38C148;
  57. color: #FFFFFF;
  58. }
  59. .dialog-content .dialog-footer.single-btn {
  60. display: flex;
  61. justify-content: center;
  62. }
  63. .dialog-content .dialog-footer.single-btn .confirm-btn {
  64. flex: 1;
  65. max-width: 280rpx;
  66. }