dialog.scss 792 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. .cl-dialog__wrapper {
  2. .cl-dialog {
  3. position: relative;
  4. &__header {
  5. position: relative;
  6. text-align: center;
  7. padding-top: 20rpx;
  8. }
  9. &__title {
  10. font-size: 32rpx;
  11. font-weight: 500;
  12. }
  13. &__container {
  14. position: relative;
  15. padding: 20rpx 40rpx 30rpx 40rpx;
  16. }
  17. &__message {
  18. text-align: center;
  19. font-size: 30rpx;
  20. color: #606266;
  21. line-height: 40rpx;
  22. }
  23. &__footer {
  24. display: flex;
  25. justify-content: flex-end;
  26. padding: 20rpx;
  27. }
  28. &__close {
  29. display: inline-flex;
  30. justify-content: center;
  31. align-items: center;
  32. height: 50rpx;
  33. width: 50rpx;
  34. position: absolute;
  35. bottom: -80rpx;
  36. left: calc(50% - 25rpx);
  37. color: #ddd;
  38. border-radius: 50rpx;
  39. border: 1rpx solid #ddd;
  40. text {
  41. font-size: 32rpx;
  42. }
  43. }
  44. }
  45. }