index.scss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. .inquiry_wrap {
  2. background-color: #f9fafb;
  3. // height: 100vh;
  4. display: flex;
  5. flex-direction: column;
  6. box-sizing: border-box;
  7. .list_wrap {
  8. flex: 1;
  9. ::v-deep .uni-scroll-view {
  10. height: calc(100vh - 250rpx);
  11. }
  12. .list_item {
  13. margin: 0 20rpx;
  14. padding: 30rpx;
  15. background-color: #fff;
  16. border-radius: 20rpx;
  17. margin-bottom: 20rpx;
  18. box-shadow: 2px 2px 11px 1px #e7e7e7;
  19. .list_item_top {
  20. display: flex;
  21. justify-content: space-between;
  22. align-items: flex-start;
  23. .top_left {
  24. display: flex;
  25. flex-direction: column;
  26. justify-content: flex-start;
  27. .name {
  28. font-size: 32rpx;
  29. font-weight: bold;
  30. color: #111827;
  31. display: flex;
  32. align-items: center;
  33. gap: 10rpx;
  34. }
  35. .desc {
  36. font-size: 26rpx;
  37. color: #9ca3af;
  38. }
  39. }
  40. .top_right {
  41. display: flex;
  42. flex-direction: column;
  43. justify-content: flex-end;
  44. }
  45. }
  46. .imgs {
  47. margin: 20rpx 0;
  48. }
  49. .list_item_bottom {
  50. display: flex;
  51. justify-content: space-between;
  52. align-items: center;
  53. font-size: 26rpx;
  54. color: #9ca3af;
  55. font-weight: 550;
  56. .bottom {
  57. display: flex;
  58. align-items: center;
  59. gap: 8rpx;
  60. }
  61. }
  62. &:nth-of-type(1) {
  63. margin-top: 20rpx;
  64. }
  65. }
  66. }
  67. }