prompt.wxss 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. .prompt-box {
  2. position: absolute;
  3. left: 0;
  4. top: 0;
  5. width: 100%;
  6. height: 100%;
  7. z-index: 11;
  8. background: rgba(0, 0, 0, .5);
  9. }
  10. .prompt-content {
  11. position: absolute;
  12. left: 50%;
  13. top: 50%;
  14. width: 80%;
  15. max-width: 600rpx;
  16. border-radius: 20rpx;
  17. box-sizing: bordre-box;
  18. transform: translate(-50%, -50%);
  19. overflow: hidden;
  20. background: #fff;
  21. }
  22. .prompt-title {
  23. padding: 20rpx 0;
  24. text-align: center;
  25. font-size: 28rpx;
  26. background: #e8e8e8;
  27. }
  28. .prompt-input{
  29. margin:40rpx 20rpx;
  30. padding: 0 20rpx;
  31. height:70rpx;
  32. font-size: 28rpx;
  33. line-height: 70rpx;
  34. border: 1px solid #e8e8e8;
  35. border-radius: 20rpx;
  36. }
  37. .prompt-btn-group{
  38. display: flex;
  39. align-items: center;
  40. justify-content: space-around;
  41. }
  42. .btn-item {
  43. width: 100%;
  44. flex-shrink: 1;
  45. height: 70rpx;
  46. line-height: 70rpx;
  47. font-size: 28rpx;
  48. border: 0 none !important;
  49. border-radius: 0;
  50. border-left: 2rpx solid #b5b5b5;
  51. }
  52. .btn-item:first-child{border-left: 0 none;}
  53. /* .prompt-certain-btn{
  54. color: #fff;
  55. background-color: #ea5404;
  56. }
  57. .prompt-cancel-btn{
  58. color: #fff;
  59. background-color:#0894ec;
  60. } */