dialog.scss 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. /* 弹窗 */
  2. .p_mask_bottom {
  3. align-items: flex-end;
  4. }
  5. .p_dialog {
  6. background: #FFFFFF;
  7. border-radius: 24upx 24upx 0px 0px;
  8. width: 100%;
  9. }
  10. .p_dialog_center {
  11. width: 600upx;
  12. border-radius: 24upx;
  13. }
  14. .p_dialog_tit {
  15. position: relative;
  16. padding: 40upx 30upx 30upx;
  17. }
  18. .p_dialog_tit_val {
  19. font-size: 36upx;
  20. font-weight: 500;
  21. color: #000000;
  22. }
  23. .p_dialog_cha {
  24. width: 26upx;
  25. height: 26upx;
  26. position: absolute;
  27. top: 0;
  28. bottom: 0;
  29. right: 30upx;
  30. margin: auto 0;
  31. }
  32. .p_dialog_inner {
  33. max-height: 800upx;
  34. min-height: 100upx;
  35. }
  36. .p_dialog_center .p_dialog_inner {
  37. max-height: 500upx;
  38. }
  39. .p_dialog_btn_list {
  40. padding: 20upx 30upx 20upx;
  41. }
  42. .p_dialog_btn {
  43. width: 100%;
  44. height: 90upx;
  45. background: #FFFFFF;
  46. border-radius: 50px;
  47. font-size: 34upx;
  48. }
  49. .p_dialog_btn:last-child:not(:first-child) {
  50. margin-left: 20upx;
  51. }
  52. .p_dialog_btn::after,
  53. .p_dialog_btn::before {
  54. border-color: #ccc;
  55. border-radius: 12upx;
  56. }
  57. .p_dialog_longbtn {
  58. height: 90upx;
  59. font-size: 34upx;
  60. }
  61. .p_border::after,
  62. .p_border::before {
  63. border-radius: 50px;
  64. }