applyRefund.scss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. .apply-refund {
  2. background-color: #F6F6FF;
  3. // height: calc(100vh - 44px);
  4. .apply-refund-form {
  5. background-color: #fff;
  6. font-size: 28rpx;
  7. .apply-refund-form-item {
  8. display: flex;
  9. flex-wrap: wrap;
  10. // height: 100rpx;
  11. line-height: 100rpx;
  12. padding: 0 17px;
  13. border-bottom: solid 2px #f5f5f5;
  14. .apply-refund-form-label {
  15. width: 150rpx;
  16. }
  17. .apply-refund-form-content {
  18. color: #787878;
  19. background-color: #fff;
  20. .money {
  21. color: #FA6400;
  22. }
  23. textarea {
  24. width: 100%;
  25. background-color: #f5f5f5;
  26. font-size: 26rpx;
  27. &:after{
  28. content: attr(data-maxnum);
  29. position: absolute;
  30. right: 10px;
  31. bottom: 3px;
  32. font-size: 12px;
  33. }
  34. }
  35. }
  36. .full-width {
  37. width: 100%;
  38. background-color: #f5f5f5;
  39. padding: 30rpx;
  40. margin-bottom: 30rpx;
  41. border-radius: 5px;
  42. /deep/ .u-add-wrap {
  43. border: 1px dashed #606266;
  44. }
  45. }
  46. }
  47. }
  48. .apply-refund-form-submit {
  49. padding: 0 50rpx;
  50. margin-top: 50rpx;
  51. }
  52. .pop-warp {
  53. display: flex;
  54. flex-direction: column;
  55. align-items: center;
  56. justify-content: center;
  57. height: 100%;
  58. .pop-warp-icon {
  59. width: 100rpx;
  60. height: 100rpx;
  61. line-height: 120rpx;
  62. margin: 0 auto;
  63. border-radius: 50%;
  64. background-color: $u-type-primary;
  65. text-align: center;
  66. }
  67. .pop-warp-tips {
  68. color: $u-type-primary;
  69. width: 260rpx;
  70. text-align: center;
  71. margin-top: 30rpx;
  72. }
  73. }
  74. }