index.less 1.3 KB

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