index.less 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. page {
  2. background: #f6f6f6;
  3. padding-bottom: 100rpx;
  4. }
  5. .box {
  6. background: #ffffff;
  7. margin: 30rpx;
  8. padding: 30rpx;
  9. border-radius: 30rpx;
  10. .order-txt {
  11. display: flex;
  12. margin: 20rpx 0rpx 0 0;
  13. .order-image {
  14. width: 240rpx;
  15. height: 180rpx;
  16. margin-right: 20rpx;
  17. }
  18. .order-name {
  19. margin-top: 5rpx;
  20. .order-price {
  21. color: red;
  22. margin-top: 80rpx;
  23. }
  24. }
  25. }
  26. }
  27. .evaluation {
  28. background: #ffffff;
  29. margin: 30rpx;
  30. padding: 30rpx;
  31. border-radius: 30rpx;
  32. .evaluation-images {
  33. display: flex;
  34. flex-wrap: wrap;
  35. .images {
  36. width: 200rpx;
  37. height: 200rpx;
  38. margin-right: 10rpx;
  39. }
  40. }
  41. .score {
  42. display: flex;
  43. .evaluation-score {
  44. margin: -5rpx 20rpx 0 20rpx
  45. }
  46. }
  47. .goods-evaluation {
  48. margin: 20rpx 0;
  49. }
  50. .evaluation-image {
  51. margin: 20rpx 0;
  52. }
  53. }
  54. .bottom {
  55. width: 100%;
  56. position: fixed;
  57. bottom: 0;
  58. background: #ffffff;
  59. .submit {
  60. width: 80%;
  61. text-align: center;
  62. margin: 10rpx 10%;
  63. background: #46a9a4;
  64. border-radius: 20rpx;
  65. font-size: 32rpx;
  66. padding: 20rpx 0;
  67. }
  68. }