index.less 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. .top-view {
  2. position: sticky;
  3. top: 0;
  4. z-index: 999;
  5. background-color: white;
  6. .image-view {
  7. display: flex;
  8. flex-direction: row;
  9. justify-content: space-between;
  10. align-items: center;
  11. align-content: center;
  12. margin-top: 10px;
  13. border-bottom: 1px solid #f0f0f0;
  14. .item-image-view {
  15. display: flex;
  16. flex-direction: column;
  17. align-items: center;
  18. width: 150px;
  19. .goodsno {
  20. height: 30px;
  21. margin-top: 5px;
  22. color: #333;
  23. font-size: 14px;
  24. text-align: center;
  25. width: 100%;
  26. }
  27. }
  28. }
  29. }
  30. .container {
  31. display: flex;
  32. flex-direction: column;
  33. width: 100%;
  34. align-content: center;
  35. align-items: center;
  36. .item {
  37. width: 95%;
  38. display: flex;
  39. flex-direction: row;
  40. justify-content: space-between;
  41. align-items: center;
  42. align-content: center;
  43. height: 45px;
  44. border-bottom: 1px solid #f0f0f0;
  45. text {
  46. font-size: 14px;
  47. color: #333;
  48. text-align: center;
  49. width: 150px;
  50. }
  51. text:nth-child(1) {
  52. width: 80px;
  53. text-align: left;
  54. }
  55. }
  56. }